@beppla/tapas-ui 1.0.70 → 1.0.72

package/commonjs/NumericInput/NumericInput.js

@@ -1,17 +1,69 @@
 "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 __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 _TapasIcon = _interopRequireDefault(require("../Icons/TapasIcon"));
-var _themed = require("@rneui/themed");
-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; }
-const useStyle = (0, _themed.makeStyles)(theme => {
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
+var themed_1 = require("@rneui/themed");
+var useStyle = (0, themed_1.makeStyles)(function (theme) {
   return {
     container: {
       backgroundColor: theme.colors.grey4,
@@ -66,93 +118,55 @@ const useStyle = (0, _themed.makeStyles)(theme => {
     }
   };
 });
-const NumericInput = props => {
-  const styles = useStyle();
-  const [value, setValue] = _react.default.useState(props.value || 0);
-  const isRemoveDisabled = (0, _react.useMemo)(() => {
-    return value <= 0 || value <= props?.min;
+var NumericInput = function (props) {
+  var styles = useStyle();
+  var _a = react_1.default.useState(props.value || 0),
+    value = _a[0],
+    setValue = _a[1];
+  var isRemoveDisabled = (0, react_1.useMemo)(function () {
+    return value <= 0 || value <= (props === null || props === void 0 ? void 0 : props.min);
   }, [value]);
-  const isAddDisabled = (0, _react.useMemo)(() => {
-    return value >= props?.max;
+  var isAddDisabled = (0, react_1.useMemo)(function () {
+    return value >= (props === null || props === void 0 ? void 0 : props.max);
   }, [value]);
-  const removeStyle = isRemoveDisabled ? styles.disabled : {};
-  const addStyle = isAddDisabled ? styles.disabled : {};
-  const handleRemove = () => {
+  var removeStyle = isRemoveDisabled ? styles.disabled : {};
+  var addStyle = isAddDisabled ? styles.disabled : {};
+  var handleRemove = function () {
     props.onReduce && props.onReduce();
     if (isRemoveDisabled) return;
-    const tempValue = +value - 1;
+    var tempValue = +value - 1;
     setValue(tempValue);
     props.onChange && props.onChange(tempValue);
   };
-  const handleAdd = () => {
+  var handleAdd = function () {
     props.onAdd && props.onAdd();
     if (isAddDisabled) return;
-    const tempValue = +value + 1;
+    var tempValue = +value + 1;
     setValue(tempValue);
     props.onChange && props.onChange(tempValue);
   };
-  const handleChange = text => {
+  var handleChange = function (text) {
     if (props.max && +text > props.max) return;
     setValue(text);
   };
-  (0, _react.useEffect)(() => {
+  (0, react_1.useEffect)(function () {
     setValue(props.value);
   }, [props.value]);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  return react_1.default.createElement(react_native_1.View, {
     style: styles.container,
     testID: props.testID
-  }, props.disabled || isRemoveDisabled ? /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
+  }, props.disabled || isRemoveDisabled ? react_1.default.createElement(TapasIcon_1.default, {
     name: "remove",
     size: 20,
-    style: {
-      ...styles.iconWrap,
-      ...styles.disabledColor,
-      ...styles.iconRemoveWrapDisabled,
-      ...removeStyle
-    }
-  }) : /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: __assign(__assign(__assign(__assign({}, styles.iconWrap), styles.disabledColor), styles.iconRemoveWrapDisabled), removeStyle)
+  }) : react_1.default.createElement(react_native_1.TouchableOpacity, {
     style: styles.iconWrap,
     onPress: handleRemove
-  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
+  }, react_1.default.createElement(TapasIcon_1.default, {
     name: "remove",
     size: 20,
-    style: {
-      ...styles.iconWrap,
-      ...styles.iconRemove,
-      ...removeStyle
-    }
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, {
-    style: [styles.input, props.inputStyle, props.disabled && styles.disabledColor],
-    editable: !props.disabled,
-    keyboardType: "numeric",
-    value: (value || 0).toString(),
-    onChangeText: handleChange,
-    onBlur: () => {
-      props.onChange && props.onChange(value);
-    }
-  }), isAddDisabled || props.disabled ? /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
-    name: "add",
-    size: 20,
-    style: {
-      ...styles.iconWrap,
-      ...addStyle,
-      ...styles.disabledColor,
-      ...styles.iconAddWrapDisabled
-    }
-  }) : /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    onPress: handleAdd,
-    style: [styles.iconWrap, styles.iconAddWrap]
-  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
-    name: "add",
-    size: 20,
-    style: {
-      ...styles.iconAdd,
-      ...addStyle
-    }
-  })));
-};
-var _default = exports.default = NumericInput;
-//# sourceMappingURL=NumericInput.js.mapreateElement(react_native_1.TextInput, {
+    style: __assign(__assign(__assign({}, styles.iconWrap), styles.iconRemove), removeStyle)
+  })), react_1.default.createElement(react_native_1.TextInput, {
     style: [styles.input, props.inputStyle, props.disabled && styles.disabledColor],
     editable: !props.disabled,
     keyboardType: "numeric",
@@ -175,4 +189,3 @@ var _default = exports.default = NumericInput;
   })));
 };
 exports.default = NumericInput;
-//# sourceMappingURL=NumericInput.js.map

package/commonjs/Overlay/Overlay.js

@@ -1,34 +1,54 @@
 "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
 });
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _themed = require("@rneui/themed");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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)(theme => ({
-  overlay: {
-    width: '100%',
-    height: '80%',
-    justifyContent: 'flex-start',
-    position: 'absolute',
-    bottom: 0
-  },
-  backdropStyle: {
-    backgroundColor: theme.colors.grey4
-  }
-}));
-const OverlayComponent = ({
-  children,
-  ...props
-}) => {
-  const styles = useStyles(props);
-  return /*#__PURE__*/_react.default.createElement(_themed.Overlay, _extends({
+var react_1 = __importDefault(require("react"));
+var themed_1 = require("@rneui/themed");
+var useStyles = (0, themed_1.makeStyles)(function (theme) {
+  return {
+    overlay: {
+      width: '100%',
+      height: '80%',
+      justifyContent: 'flex-start',
+      position: 'absolute',
+      bottom: 0
+    },
+    backdropStyle: {
+      backgroundColor: theme.colors.grey4
+    }
+  };
+});
+var OverlayComponent = function (_a) {
+  var children = _a.children,
+    props = __rest(_a, ["children"]);
+  var styles = useStyles(props);
+  return react_1.default.createElement(themed_1.Overlay, __assign({
     overlayStyle: [styles.overlay, props.overlayStyle],
     backdropStyle: [styles.backdropStyle, props.backdropStyle]
   }, props), children);
 };
-var _default = exports.default = OverlayComponent;
-//# sourceMappingURL=Overlay.js.map
+exports.default = OverlayComponent;

package/commonjs/Pagination/Pagination.js

@@ -257,4 +257,3 @@ const Pagination = props => {
   })));
 };
 var _default = exports.default = Pagination;
-//# sourceMappingURL=Pagination.js.map

package/commonjs/PieChart/PieChart.js

@@ -144,7 +144,6 @@ const styles = _reactNative.StyleSheet.create({
     color: '#999'
   }
 });
-//# sourceMappingURL=PieChart.js.map      }]
     }), react_1.default.createElement(Text_1.default, {
       style: styles.legendLabel
     }, item.label, ": ", item.value.toFixed(0), " (", percentage, "%)"));
@@ -185,4 +184,3 @@ var styles = react_native_1.StyleSheet.create({
     color: '#999'
   }
 });
-//# sourceMappingURL=PieChart.js.map

package/commonjs/PieChart/index.js

@@ -10,4 +10,3 @@ Object.defineProperty(exports, "PieChart", {
   }
 });
 var _PieChart = require("./PieChart");
-//# sourceMappingURL=index.js.mapsourceMappingURL=index.js.map

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,56 @@ 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 +203,3 @@ var Popover = function (_a) {
   }, children));
 };
 exports.default = (0, themed_1.withTheme)(Popover);
-//# sourceMappingURL=Popover.js.map