@beppla/tapas-ui 1.0.67 → 1.0.69

package/module/Layout/DrawerContext.js

@@ -1,34 +1,23 @@
-import React, { createContext, useState } from "react";
-//@ts-ignore
-export const DrawerContext = /*#__PURE__*/createContext();
-export const DrawerProvider = ({
-  children
-}) => {
-  const [drawerInfo, setDrawerInfo] = useState({});
-  const open = drawerInfo => {
-    setDrawerInfo({
-      ...drawerInfo,
-      visible: true
-    });
-  };
-  const close = () => {
-    setDrawerInfo({
-      visible: false,
-      title: '',
-      component: null,
-      showFooter: false
-    });
-  };
-  return /*#__PURE__*/React.createElement(DrawerContext.Provider, {
-    value: {
-      drawerInfo,
-      setDrawerInfo,
-      open,
-      close
+"use strict";
+
+var __assign = this && this.__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];
     }
-  }, children);
+    return t;
+  };
+  return __assign.apply(this, arguments);
 };
-//# sourceMappingURL=DrawerContext.js.mapturn m[k];
+var __createBinding = this && this.__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];
       }
     };
   }
@@ -97,4 +86,3 @@ var DrawerProvider = function (_a) {
   }, children);
 };
 exports.DrawerProvider = DrawerProvider;
-//# sourceMappingURL=DrawerContext.js.map

package/module/Layout/Layout.js

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

package/module/Layout/ToastContext.js

@@ -84,4 +84,3 @@ var ToastProvider = function (_a) {
   }, children);
 };
 exports.ToastProvider = ToastProvider;
-//# sourceMappingURL=ToastContext.js.map

package/module/Layout/index.js

@@ -1,19 +1,18 @@
-"use strict";
-
-var __assign = this && this.__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);
+import { ToastProvider } from "./ToastContext";
+import { DrawerProvider } from "./DrawerContext";
+import React from "react";
+import Layout from "./Layout";
+import { View } from "react-native";
+export { Props } from "./Layout";
+export { NavItem, NavItemType, SelectedItem } from "../Navigation/Navigation";
+const Index = ({
+  children,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(ToastProvider, null, /*#__PURE__*/React.createElement(DrawerProvider, null, /*#__PURE__*/React.createElement(Layout, props, /*#__PURE__*/React.createElement(View, null, children))));
 };
-var __rest = this && this.__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++) {
+export default Index;
+
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
@@ -45,4 +44,3 @@ var Index = function (_a) {
   return react_1.default.createElement(ToastContext_1.ToastProvider, null, react_1.default.createElement(DrawerContext_1.DrawerProvider, null, react_1.default.createElement(Layout_1.default, __assign({}, props), react_1.default.createElement(react_native_1.View, null, children))));
 };
 exports.default = Index;
-//# sourceMappingURL=index.js.map

package/module/LineChart/LineChart.js

@@ -268,4 +268,3 @@ var styles = react_native_1.StyleSheet.create({
     color: '#999'
   }
 });
-//# sourceMappingURL=LineChart.js.map

package/module/LineChart/index.js

@@ -1,5 +1,5 @@
 export { LineChart } from './LineChart';
-//# sourceMappingURL=index.js.mape
+
 });
 exports.LineChart = void 0;
 var LineChart_1 = require("./LineChart");
@@ -9,4 +9,3 @@ Object.defineProperty(exports, "LineChart", {
     return LineChart_1.LineChart;
   }
 });
-//# sourceMappingURL=index.js.map

package/module/ListItem/ListItem.js

@@ -1,84 +1,13 @@
-"use strict";
-
-var __assign = this && this.__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 = this && this.__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 = this && this.__setModuleDefault || (Object.create ? function (o, v) {
-  Object.defineProperty(o, "default", {
-    enumerable: true,
-    value: v
-  });
-} : function (o, v) {
-  o["default"] = v;
-});
-var __importStar = this && this.__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 = this && this.__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 = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var react_1 = __importStar(require("react"));
-var themed_1 = require("@rneui/themed");
-var TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
-var react_native_1 = require("react-native");
-var Hoverable_1 = __importDefault(require("../Hoverable/Hoverable"));
-var useStyle = (0, themed_1.makeStyles)(function (theme) {
-  var props = [];
-  for (var _i = 1; _i < arguments.length; _i++) {
-    props[_i - 1] = arguments[_i];
-  }
+import React, { useState } from "react";
+import { ListItem, makeStyles, withTheme } from "@rneui/themed";
+import Icon from "../Icons/TapasIcon";
+import { Text, TouchableOpacity } from "react-native";
+import Hoverable from "../Hoverable/Hoverable";
+const useStyle = makeStyles((theme, ...props) => {
   //@ts-ignore
-  var disabled = props[0].disabled;
+  const {
+    disabled
+  } = props[0];
   return {
     listItemContainer: {
       backgroundColor: theme.colors.grey5,
@@ -168,36 +97,100 @@ var useStyle = (0, themed_1.makeStyles)(function (theme) {
     }
   };
 });
-var CustomListItem = function (_a) {
-  var item = _a.item,
-    key = _a.key,
-    onItemPress = _a.onItemPress,
-    containerStyle = _a.containerStyle,
-    itemContainerStyle = _a.itemContainerStyle,
-    titleContainerStyle = _a.titleContainerStyle,
-    searchHighlightStyle = _a.searchHighlightStyle,
-    titleStyle = _a.titleStyle,
-    descStyle = _a.descStyle,
-    isFirst = _a.isFirst,
-    isLast = _a.isLast,
-    testID = _a.testID,
-    props = __rest(_a, ["item", "key", "onItemPress", "containerStyle", "itemContainerStyle", "titleContainerStyle", "searchHighlightStyle", "titleStyle", "descStyle", "isFirst", "isLast", "testID"]);
-  var styles = useStyle(props);
-  var selected = props.selected,
-    disabled = props.disabled;
-  var _b = (0, react_1.useState)(false),
-    isHovered = _b[0],
-    setIsHovered = _b[1];
-  var handleMouseEnter = function () {
+const CustomListItem = ({
+  item,
+  key,
+  onItemPress,
+  containerStyle,
+  itemContainerStyle,
+  titleContainerStyle,
+  searchHighlightStyle,
+  titleStyle,
+  descStyle,
+  isFirst,
+  isLast,
+  testID,
+  ...props
+}) => {
+  const styles = useStyle(props);
+  const {
+    selected,
+    disabled
+  } = props;
+  const [isHovered, setIsHovered] = useState(false);
+  const handleMouseEnter = () => {
     setIsHovered(true);
   };
-  var handleMouseLeave = function () {
+  const handleMouseLeave = () => {
     setIsHovered(false);
   };
-  var _c = (0, react_1.useState)(0),
-    innerConWidth = _c[0],
-    setInnerConWidth = _c[1];
+  const [innerConWidth, setInnerConWidth] = useState(0);
   // Inner Container Layout Event to set content width
+  const handleInnerConLayout = event => {
+    const {
+      width
+    } = event.nativeEvent.layout;
+    if (innerConWidth === 0) {
+      setInnerConWidth(width - 32); // 32 is padding left and right
+    }
+  };
+  return /*#__PURE__*/React.createElement(ListItem, {
+    testID: testID,
+    containerStyle: [styles.listItemContainer, disabled && styles.disabled, containerStyle, selected?.value === item?.value && disabled && styles.disabledSelectedContainer],
+    style: {
+      width: "100%"
+    },
+    key: key
+  }, /*#__PURE__*/React.createElement(ListItem.Content, {
+    onLayout: handleInnerConLayout,
+    style: [styles.itemContainer, itemContainerStyle, selected?.value === item?.value ? styles.selectedItem : isHovered && styles.hovered,
+    // 第一个 item 添加左上和右上圆角
+    isFirst && {
+      borderTopLeftRadius: 12,
+      borderTopRightRadius: 12
+    },
+    // 最后一个 item 添加左下和右下圆角
+    isLast && {
+      borderBottomLeftRadius: 12,
+      borderBottomRightRadius: 12
+    }]
+  }, /*#__PURE__*/React.createElement(Hoverable
+  // @ts-ignore
+  , {
+    onHoverIn: handleMouseEnter,
+    onHoverOut: handleMouseLeave,
+    style: styles.hoverWrap
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: {
+      ...styles.main,
+      width: innerConWidth - (selected?.value === item?.value || item?.number ? 36 : 0)
+    },
+    onPress: () => {
+      !disabled && onItemPress(item);
+    }
+  }, item?.name ? /*#__PURE__*/React.createElement(ListItem.Title, {
+    style: [styles.title, styles.text, titleContainerStyle, disabled && styles.disabledTitle]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: titleStyle
+  }, props.search && item.name ? item.name.split(new RegExp(`(${props.search})`, "gi")).map((part, i) => part.toLowerCase().includes(props.search?.toLowerCase() || "") ? /*#__PURE__*/React.createElement(Text, {
+    key: i,
+    style: [styles.highlightStyle, searchHighlightStyle]
+  }, part) : part) : item.name)) : /*#__PURE__*/React.createElement(React.Fragment, null), item?.desc ? /*#__PURE__*/React.createElement(ListItem.Subtitle, {
+    style: [styles.text, styles.desc, disabled && styles.disabledTitle]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: descStyle
+  }, props.search && item.desc ? item.desc.split(new RegExp(`(${props.search})`, "gi")).map((part, i) => part.toLowerCase().includes(props.search?.toLowerCase() || "") ? /*#__PURE__*/React.createElement(Text, {
+    key: i,
+    style: [styles.highlightStyle, searchHighlightStyle]
+  }, part) : part) : item.desc)) : /*#__PURE__*/React.createElement(React.Fragment, null)), item?.number ? /*#__PURE__*/React.createElement(Text, {
+    style: styles.number
+  }, item?.number) : selected?.value === item?.value && /*#__PURE__*/React.createElement(Icon, {
+    name: "check",
+    style: styles.icon
+  }))));
+};
+export default withTheme(CustomListItem);
+
   var handleInnerConLayout = function (event) {
     var width = event.nativeEvent.layout.width;
     if (innerConWidth === 0) {
@@ -266,4 +259,3 @@ var CustomListItem = function (_a) {
   }))));
 };
 exports.default = (0, themed_1.withTheme)(CustomListItem);
-//# sourceMappingURL=ListItem.js.map

package/module/Loading/Loading.js

@@ -1,37 +1,84 @@
-import React, { useEffect, useRef } from "react";
-import { View, Modal, Image, Animated, Easing } from "react-native";
-import { withTheme, makeStyles } from "@rneui/themed";
-const Loading = ({
-  visible,
-  logo,
-  backgroundColor,
-  defaultLogo,
-  size = 200
-}) => {
-  const styles = useStyles();
-  const opacity = useRef(new Animated.Value(0)).current;
-  useEffect(() => {
+"use strict";
+
+var __createBinding = this && this.__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 = this && this.__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+var __importStar = this && this.__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;
+  };
+}();
+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 Loading = function (_a) {
+  var visible = _a.visible,
+    logo = _a.logo,
+    backgroundColor = _a.backgroundColor,
+    defaultLogo = _a.defaultLogo,
+    _b = _a.size,
+    size = _b === void 0 ? 200 : _b;
+  var styles = useStyles();
+  var opacity = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
+  (0, react_1.useEffect)(function () {
     if (!visible) return;
     opacity.setValue(0);
-    const animation = Animated.loop(Animated.sequence([Animated.timing(opacity, {
+    var animation = react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(opacity, {
       toValue: 0.3,
       duration: 800,
-      easing: Easing.inOut(Easing.ease),
+      easing: react_native_1.Easing.inOut(react_native_1.Easing.ease),
       useNativeDriver: true
-    }), Animated.timing(opacity, {
+    }), react_native_1.Animated.timing(opacity, {
       toValue: 0.05,
       duration: 1000,
-      easing: Easing.inOut(Easing.ease),
+      easing: react_native_1.Easing.inOut(react_native_1.Easing.ease),
       useNativeDriver: true
     })]));
     animation.start();
-    return () => animation.stop();
+    return function () {
+      return animation.stop();
+    };
   }, [visible, opacity]);
   if (!visible) return null;
-
   // 图片优先级：1. 传入的 logo 2. 传入的 defaultLogo 3. 内置默认图片
   // 使用 try-catch 来安全地引用图片，避免打包后的路径问题
-  let imageSource;
+  var imageSource;
   try {
     if (logo) {
       imageSource = logo;
@@ -49,51 +96,6 @@ const Loading = ({
       uri: 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiBmaWxsPSIjRjVGNUY1Ii8+Cjx0ZXh0IHg9IjEwMCIgeT0iMTAwIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMTYiIGZpbGw9IiM5OTk5OTkiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGR5PSIuM2VtIj5UYXBhcyBVSTwvdGV4dD4KPC9zdmc+'
     };
   }
-  return /*#__PURE__*/React.createElement(Modal, {
-    statusBarTranslucent: true,
-    transparent: true,
-    visible: visible,
-    testID: "loading"
-  }, /*#__PURE__*/React.createElement(View, {
-    style: [styles.bg, backgroundColor ? {
-      backgroundColor
-    } : undefined]
-  }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: [{
-      opacity,
-      width: size,
-      height: size
-    }]
-  }, /*#__PURE__*/React.createElement(Image, {
-    style: {
-      width: size,
-      height: size
-    },
-    source: imageSource,
-    resizeMode: "contain"
-  }))));
-};
-const useStyles = makeStyles(theme => ({
-  bg: {
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: "center",
-    alignContent: "center",
-    alignItems: "center",
-    flex: 1,
-    backgroundColor: theme?.colors?.grey1
-  }
-}));
-export default withTheme(Loading);
-//# sourceMappingURL=Loading.js.mapL3N2ZyI+CjxyZWN0IHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiBmaWxsPSIjRjVGNUY1Ii8+Cjx0ZXh0IHg9IjEwMCIgeT0iMTAwIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMTYiIGZpbGw9IiM5OTk5OTkiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGR5PSIuM2VtIj5UYXBhcyBVSTwvdGV4dD4KPC9zdmc+'
-      };
-    }
-  } catch (error) {
-    // 如果出现任何错误，使用占位符
-    imageSource = {
-      uri: 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiBmaWxsPSIjRjVGNUY1Ii8+Cjx0ZXh0IHg9IjEwMCIgeT0iMTAwIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMTYiIGZpbGw9IiM5OTk5OTkiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGR5PSIuM2VtIj5UYXBhcyBVSTwvdGV4dD4KPC9zdmc+'
-    };
-  }
   return react_1.default.createElement(react_native_1.Modal, {
     statusBarTranslucent: true,
     transparent: true,
@@ -133,4 +135,3 @@ var useStyles = (0, themed_1.makeStyles)(function (theme) {
   };
 });
 exports.default = (0, themed_1.withTheme)(Loading);
-//# sourceMappingURL=Loading.js.map