@beppla/tapas-ui 1.0.67 → 1.0.69

package/commonjs/Popover/Popover.js

@@ -1,126 +1,100 @@
 "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 __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 = __importDefault(require("react"));
-var react_native_1 = require("react-native");
-var themed_1 = require("@rneui/themed");
-var TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
-var useStyles = (0, themed_1.makeStyles)(function (theme) {
-  return {
-    container: {
-      position: 'absolute',
-      backgroundColor: theme.colors.white,
-      borderRadius: theme.radius.rounded,
-      shadowColor: theme.colors.grey4,
-      shadowOffset: {
-        width: 0,
-        height: 12
-      },
-      shadowOpacity: 0.58,
-      shadowRadius: 24,
-      elevation: 8,
-      zIndex: 9999
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _themed = require("@rneui/themed");
+var _TapasIcon = _interopRequireDefault(require("../Icons/TapasIcon"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const useStyles = (0, _themed.makeStyles)(theme => ({
+  container: {
+    position: 'absolute',
+    backgroundColor: theme.colors.white,
+    borderRadius: theme.radius.rounded,
+    shadowColor: theme.colors.grey4,
+    shadowOffset: {
+      width: 0,
+      height: 12
     },
-    arrow: {
-      position: 'absolute',
-      color: theme.colors.white,
-      width: 12,
-      height: 27
+    shadowOpacity: 0.58,
+    shadowRadius: 24,
+    elevation: 8,
+    zIndex: 9999
+  },
+  arrow: {
+    position: 'absolute',
+    color: theme.colors.white,
+    width: 12,
+    height: 27
+  },
+  arrowTop: {
+    top: -6,
+    shadowColor: theme.colors.grey4,
+    shadowOffset: {
+      width: 0,
+      height: -2
     },
-    arrowTop: {
-      top: -6,
-      shadowColor: theme.colors.grey4,
-      shadowOffset: {
-        width: 0,
-        height: -2
-      },
-      shadowOpacity: 0.3,
-      shadowRadius: 4,
-      elevation: 2
+    shadowOpacity: 0.3,
+    shadowRadius: 4,
+    elevation: 2
+  },
+  arrowBottom: {
+    bottom: -6,
+    shadowColor: theme.colors.grey4,
+    shadowOffset: {
+      width: 0,
+      height: 2
     },
-    arrowBottom: {
-      bottom: -6,
-      shadowColor: theme.colors.grey4,
-      shadowOffset: {
-        width: 0,
-        height: 2
-      },
-      shadowOpacity: 0.3,
-      shadowRadius: 4,
-      elevation: 2
+    shadowOpacity: 0.3,
+    shadowRadius: 4,
+    elevation: 2
+  },
+  arrowLeft: {
+    left: -6,
+    shadowColor: theme.colors.grey4,
+    shadowOffset: {
+      width: -2,
+      height: 0
     },
-    arrowLeft: {
-      left: -6,
-      shadowColor: theme.colors.grey4,
-      shadowOffset: {
-        width: -2,
-        height: 0
-      },
-      shadowOpacity: 0.3,
-      shadowRadius: 4,
-      elevation: 2
+    shadowOpacity: 0.3,
+    shadowRadius: 4,
+    elevation: 2
+  },
+  arrowRight: {
+    right: -6,
+    shadowColor: theme.colors.grey4,
+    shadowOffset: {
+      width: 2,
+      height: 0
     },
-    arrowRight: {
-      right: -6,
-      shadowColor: theme.colors.grey4,
-      shadowOffset: {
-        width: 2,
-        height: 0
-      },
-      shadowOpacity: 0.3,
-      shadowRadius: 4,
-      elevation: 2
-    },
-    content: {
-      flex: 1,
-      borderRadius: theme.radius.rounded,
-      overflow: 'hidden'
-    }
-  };
-});
-var Popover = function (_a) {
-  var isVisible = _a.isVisible,
-    children = _a.children,
-    _b = _a.position,
-    position = _b === void 0 ? 'bottom' : _b,
-    _c = _a.arrowPosition,
-    arrowPosition = _c === void 0 ? 'center' : _c,
-    _d = _a.width,
-    width = _d === void 0 ? 392 : _d,
-    _e = _a.height,
-    height = _e === void 0 ? 696 : _e,
-    containerStyle = _a.containerStyle,
-    contentStyle = _a.contentStyle,
-    props = __rest(_a, ["isVisible", "children", "position", "arrowPosition", "width", "height", "containerStyle", "contentStyle"]);
-  var styles = useStyles(props);
+    shadowOpacity: 0.3,
+    shadowRadius: 4,
+    elevation: 2
+  },
+  content: {
+    flex: 1,
+    borderRadius: theme.radius.rounded,
+    overflow: 'hidden'
+  }
+}));
+const Popover = ({
+  isVisible,
+  children,
+  position = 'bottom',
+  arrowPosition = 'center',
+  width = 392,
+  height = 696,
+  containerStyle,
+  contentStyle,
+  ...props
+}) => {
+  const styles = useStyles(props);
   if (!isVisible) return null;
-  var getArrowStyle = function () {
-    var arrowPositionStyle = {};
+  const getArrowStyle = () => {
+    let arrowPositionStyle = {};
     switch (position) {
       case 'top':
         arrowPositionStyle = styles.arrowTop;
@@ -135,6 +109,57 @@ var Popover = function (_a) {
         arrowPositionStyle = styles.arrowRight;
         break;
     }
+
+    // 根据箭头位置调整left/top值
+    const positionStyle = {};
+    if (position === 'top' || position === 'bottom') {
+      switch (arrowPosition) {
+        case 'start':
+          positionStyle.left = 20;
+          break;
+        case 'center':
+          positionStyle.left = width / 2 - 6;
+          break;
+        case 'end':
+          positionStyle.right = 20;
+          break;
+      }
+    } else {
+      switch (arrowPosition) {
+        case 'start':
+          positionStyle.top = 20;
+          break;
+        case 'center':
+          positionStyle.top = height / 2 - 6;
+          break;
+        case 'end':
+          positionStyle.bottom = 20;
+          break;
+      }
+    }
+    return {
+      ...styles.arrow,
+      ...arrowPositionStyle,
+      ...positionStyle
+    };
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, {
+      width,
+      height
+    }, containerStyle],
+    testID: "popover"
+  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
+    name: "left_arrow",
+    size: 17,
+    style: getArrowStyle()
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.content, contentStyle]
+  }, children));
+};
+var _default = exports.default = (0, _themed.withTheme)(Popover);
+
+    }
     // 根据箭头位置调整left/top值
     var positionStyle = {};
     if (position === 'top' || position === 'bottom') {
@@ -179,4 +204,3 @@ var Popover = function (_a) {
   }, children));
 };
 exports.default = (0, themed_1.withTheme)(Popover);
-//# sourceMappingURL=Popover.js.map

package/commonjs/Progress/Progress.js

@@ -192,4 +192,3 @@ const Progress = props => {
   }))))));
 };
 var _default = exports.default = (0, _themed.withTheme)(Progress);
-//# sourceMappingURL=Progress.js.map

package/commonjs/Quantity/Quantity.js

@@ -1,152 +1,157 @@
 "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
 });
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _themed = require("@rneui/themed");
-var _TapasIcon = _interopRequireDefault(require("../Icons/TapasIcon"));
-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 TapasQuantity = ({
-  value,
-  onChange,
-  max = 99999,
-  min = 0,
-  disabled = false,
-  step = 1,
-  showValue = true,
-  style,
-  buttonStyle,
-  valueStyle,
-  buttonSize = 32,
-  showBoundaryHint = false,
-  testID,
-  ...props
-}) => {
-  const theme = (0, _themed.useTheme)();
-  const styles = useStyles(theme);
-  const [currentValue, setCurrentValue] = (0, _react.useState)(value ?? 0);
-  (0, _react.useEffect)(() => {
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var themed_1 = require("@rneui/themed");
+var TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
+var TapasQuantity = function (_a) {
+  var value = _a.value,
+    onChange = _a.onChange,
+    _b = _a.max,
+    max = _b === void 0 ? 99999 : _b,
+    _c = _a.min,
+    min = _c === void 0 ? 0 : _c,
+    _d = _a.disabled,
+    disabled = _d === void 0 ? false : _d,
+    _e = _a.step,
+    step = _e === void 0 ? 1 : _e,
+    _f = _a.showValue,
+    showValue = _f === void 0 ? true : _f,
+    style = _a.style,
+    buttonStyle = _a.buttonStyle,
+    valueStyle = _a.valueStyle,
+    _g = _a.buttonSize,
+    buttonSize = _g === void 0 ? 32 : _g,
+    _h = _a.showBoundaryHint,
+    showBoundaryHint = _h === void 0 ? false : _h,
+    testID = _a.testID,
+    props = __rest(_a, ["value", "onChange", "max", "min", "disabled", "step", "showValue", "style", "buttonStyle", "valueStyle", "buttonSize", "showBoundaryHint", "testID"]);
+  var theme = (0, themed_1.useTheme)();
+  var styles = useStyles(theme);
+  var _j = (0, react_1.useState)(value !== null && value !== void 0 ? value : 0),
+    currentValue = _j[0],
+    setCurrentValue = _j[1];
+  (0, react_1.useEffect)(function () {
     setCurrentValue(value);
   }, [value]);
-  const isDecreaseDisabled = disabled || currentValue <= min;
-  const isIncreaseDisabled = disabled || currentValue >= max;
-  const handleDecrease = () => {
+  var isDecreaseDisabled = disabled || currentValue <= min;
+  var isIncreaseDisabled = disabled || currentValue >= max;
+  var handleDecrease = function () {
     if (isDecreaseDisabled) return;
-    const newValue = Math.max(min, currentValue - step);
+    var newValue = Math.max(min, currentValue - step);
     setCurrentValue(newValue);
-    onChange?.(newValue);
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
   };
-  const handleIncrease = () => {
+  var handleIncrease = function () {
     if (isIncreaseDisabled) return;
-    const newValue = Math.min(max, currentValue + step);
+    var newValue = Math.min(max, currentValue + step);
     setCurrentValue(newValue);
-    onChange?.(newValue);
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
   };
-  const getButtonStyle = (isDisabled, isPrimary = false) => [styles.button, {
-    width: buttonSize,
-    height: buttonSize
-  }, isPrimary && styles.primaryButton, isDisabled && styles.disabledButton, buttonStyle];
-  const getIconColor = (isDisabled, isPrimary = false) => {
+  var getButtonStyle = function (isDisabled, isPrimary) {
+    if (isPrimary === void 0) {
+      isPrimary = false;
+    }
+    return [styles.button, {
+      width: buttonSize,
+      height: buttonSize
+    }, isPrimary && styles.primaryButton, isDisabled && styles.disabledButton, buttonStyle];
+  };
+  var getIconColor = function (isDisabled, isPrimary) {
+    if (isPrimary === void 0) {
+      isPrimary = false;
+    }
     if (isDisabled) return theme.theme.colors.grey2;
     if (isPrimary) return theme.theme.colors.white;
     return theme.theme.colors.secondary;
   };
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
+  return react_1.default.createElement(react_native_1.View, __assign({
     style: [styles.container, style],
     testID: testID
-  }, props), /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+  }, props), react_1.default.createElement(react_native_1.Pressable, {
     onPress: handleDecrease,
     disabled: isDecreaseDisabled,
     style: getButtonStyle(isDecreaseDisabled),
     testID: "quantity-decrease"
-  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
+  }, react_1.default.createElement(TapasIcon_1.default, {
     size: 20,
     name: "remove",
     color: getIconColor(isDecreaseDisabled)
-  })), showValue && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })), showValue && react_1.default.createElement(react_native_1.View, {
     style: [styles.valueContainer, valueStyle]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+  }, react_1.default.createElement(react_native_1.Text, {
     numberOfLines: 1,
     ellipsizeMode: "tail",
     style: [styles.valueText, disabled && {
       color: theme.theme.colors.grey2
     }]
-  }, currentValue), showBoundaryHint && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styles.boundaryHint
-  }, min, " - ", max)), /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
-    onPress: handleIncrease,
-    disabled: isIncreaseDisabled,
-    style: getButtonStyle(isIncreaseDisabled, true),
-    testID: "quantity-increase"
-  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
-    size: 20,
-    name: "add",
-    color: getIconColor(isIncreaseDisabled, true)
-  })));
-};
-const useStyles = (0, _themed.makeStyles)(theme => {
-  return {
-    container: {
-      width: 136,
-      paddingLeft: 4,
-      paddingRight: 4,
-      borderRadius: 12,
-      backgroundColor: theme.colors.grey4,
-      overflow: "hidden",
-      display: "flex",
-      flexDirection: "row",
-      alignContent: "center",
-      alignItems: "center"
-    },
-    button: {
-      display: "flex",
-      flexDirection: "column",
-      alignSelf: "center",
-      justifyContent: "center",
-      alignContent: "center",
-      alignItems: "center",
-      borderRadius: 8
-    },
-    primaryButton: {
-      backgroundColor: theme.colors.primary
-    },
-    disabledButton: {
-      backgroundColor: theme.colors.grey5
-    },
-    valueContainer: {
-      display: "flex",
-      flex: 1,
-      overflow: "hidden",
-      height: 32,
-      justifyContent: "center",
-      flexDirection: "column",
-      alignContent: "center",
-      alignItems: "center"
-    },
-    valueText: {
-      fontSize: 14,
-      fontWeight: "600",
-      color: theme.colors.secondary,
-      textAlign: "center"
-    },
-    boundaryHint: {
-      fontSize: 10,
-      color: theme.colors.grey2,
-      textAlign: "center",
-      marginTop: 2
-    }
-  };
-});
-var _default = exports.default = (0, _themed.withTheme)(TapasQuantity);
-//# sourceMappingURL=Quantity.js.mapled && {
-      color: theme.theme.colors.grey2
-    }]
   }, currentValue), showBoundaryHint && react_1.default.createElement(react_native_1.Text, {
     style: styles.boundaryHint
   }, min, " - ", max)), react_1.default.createElement(react_native_1.Pressable, {
@@ -214,4 +219,3 @@ var useStyles = (0, themed_1.makeStyles)(function (theme) {
   };
 });
 exports.default = (0, themed_1.withTheme)(TapasQuantity);
-//# sourceMappingURL=Quantity.js.map

package/commonjs/Quantity/index.js

@@ -11,4 +11,6 @@ Object.defineProperty(exports, "default", {
 });
 var _Quantity = _interopRequireDefault(require("./Quantity"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-//# sourceMappingURL=index.js.map
+
+  }
+});