@beppla/tapas-ui 1.0.70 → 1.0.72

package/module/TableColumnHeader/TableColumnHeader.js

@@ -1,49 +1,124 @@
-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); }
-import React, { useCallback } from "react";
-import { View, Text, Pressable } from "react-native";
-import { withTheme, makeStyles } from "@rneui/themed";
-import TapasIcon from "../Icons/TapasIcon";
-const TapasTableColumnHeader = ({
-  title,
-  columnIndex,
-  fieldName,
-  sortable = false,
-  sortDirection = null,
-  textAlign = "left",
-  titleStyle,
-  sortButtonStyle,
-  padding = {
-    horizontal: 16,
-    vertical: 8
-  },
-  onSort,
-  onPress,
-  onLongPress,
-  disabled = false,
-  sortIconSize = 18,
-  activeSortIconColor,
-  inactiveSortIconColor,
-  sortIcons = {
-    ascending: "arrow_drop_up",
-    descending: "arrow_drop_down"
-  },
-  showSortIndicator = true,
-  minHeight = 40,
-  style,
-  ...otherProps
-}) => {
-  const styles = useStyles({
-    textAlign,
-    padding,
-    minHeight,
-    disabled
-  });
+"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
+});
+exports.TapasTableColumnHeader = exports.TableColumnHeader = void 0;
+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 TapasTableColumnHeader = function (_a) {
+  var title = _a.title,
+    columnIndex = _a.columnIndex,
+    fieldName = _a.fieldName,
+    _b = _a.sortable,
+    sortable = _b === void 0 ? false : _b,
+    _c = _a.sortDirection,
+    sortDirection = _c === void 0 ? null : _c,
+    _d = _a.textAlign,
+    textAlign = _d === void 0 ? "left" : _d,
+    titleStyle = _a.titleStyle,
+    sortButtonStyle = _a.sortButtonStyle,
+    _e = _a.padding,
+    padding = _e === void 0 ? {
+      horizontal: 16,
+      vertical: 8
+    } : _e,
+    onSort = _a.onSort,
+    onPress = _a.onPress,
+    onLongPress = _a.onLongPress,
+    _f = _a.disabled,
+    disabled = _f === void 0 ? false : _f,
+    _g = _a.sortIconSize,
+    sortIconSize = _g === void 0 ? 18 : _g,
+    activeSortIconColor = _a.activeSortIconColor,
+    inactiveSortIconColor = _a.inactiveSortIconColor,
+    _h = _a.sortIcons,
+    sortIcons = _h === void 0 ? {
+      ascending: "arrow_drop_up",
+      descending: "arrow_drop_down"
+    } : _h,
+    _j = _a.showSortIndicator,
+    showSortIndicator = _j === void 0 ? true : _j,
+    _k = _a.minHeight,
+    minHeight = _k === void 0 ? 40 : _k,
+    style = _a.style,
+    otherProps = __rest(_a, ["title", "columnIndex", "fieldName", "sortable", "sortDirection", "textAlign", "titleStyle", "sortButtonStyle", "padding", "onSort", "onPress", "onLongPress", "disabled", "sortIconSize", "activeSortIconColor", "inactiveSortIconColor", "sortIcons", "showSortIndicator", "minHeight", "style"]);
+  var styles = useStyles({
+    textAlign: textAlign,
+    padding: padding,
+    minHeight: minHeight,
+    disabled: disabled
+  });
   // 处理排序点击
-  const handleSortPress = useCallback(() => {
+  var handleSortPress = (0, react_1.useCallback)(function () {
     if (!sortable || disabled || !fieldName) return;
-    let newDirection;
-
+    var newDirection;
     // 排序逻辑：null -> ASC -> DESC -> null
     switch (sortDirection) {
       case null:
@@ -58,11 +133,10 @@ const TapasTableColumnHeader = ({
       default:
         newDirection = "ASC";
     }
-    onSort?.(fieldName, newDirection, columnIndex);
+    onSort === null || onSort === void 0 ? void 0 : onSort(fieldName, newDirection, columnIndex);
   }, [sortable, disabled, fieldName, sortDirection, onSort, columnIndex]);
-
   // 处理普通点击
-  const handlePress = useCallback(() => {
+  var handlePress = (0, react_1.useCallback)(function () {
     if (disabled) return;
     if (sortable) {
       handleSortPress();
@@ -70,119 +144,18 @@ const TapasTableColumnHeader = ({
       onPress(fieldName, columnIndex);
     }
   }, [disabled, sortable, handleSortPress, onPress, fieldName, columnIndex]);
-
   // 处理长按
-  const handleLongPress = useCallback(() => {
+  var handleLongPress = (0, react_1.useCallback)(function () {
     if (disabled || !fieldName) return;
-    onLongPress?.(fieldName, columnIndex);
+    onLongPress === null || onLongPress === void 0 ? void 0 : onLongPress(fieldName, columnIndex);
   }, [disabled, fieldName, onLongPress, columnIndex]);
-
   // 渲染排序指示器
-  const renderSortIndicator = () => {
+  var renderSortIndicator = function () {
     if (!sortable || !showSortIndicator) return null;
-    const isAscending = sortDirection === "ASC";
-    const isDescending = sortDirection === "DESC";
-    return /*#__PURE__*/React.createElement(View, {
+    var isAscending = sortDirection === "ASC";
+    var isDescending = sortDirection === "DESC";
+    return react_1.default.createElement(react_native_1.View, {
       style: [styles.sortContainer, sortButtonStyle]
-    }, /*#__PURE__*/React.createElement(View, {
-      style: styles.sortArrows
-    }, /*#__PURE__*/React.createElement(TapasIcon, {
-      name: sortIcons.ascending || "arrow_drop_up",
-      size: sortIconSize,
-      color: isDescending ? activeSortIconColor || styles.activeSortIcon.color : inactiveSortIconColor || styles.inactiveSortIcon.color,
-      style: styles.arrowUp
-    }), /*#__PURE__*/React.createElement(TapasIcon, {
-      name: sortIcons.descending || "arrow_drop_down",
-      size: sortIconSize,
-      color: isAscending ? activeSortIconColor || styles.activeSortIcon.color : inactiveSortIconColor || styles.inactiveSortIcon.color,
-      style: styles.arrowDown
-    })));
-  };
-  const renderContent = () => /*#__PURE__*/React.createElement(View, {
-    style: styles.content
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: [styles.title, titleStyle],
-    numberOfLines: 2,
-    ellipsizeMode: "tail"
-  }, title), renderSortIndicator());
-
-  // 如果可排序或有点击事件，使用 Pressable
-  if (sortable || onPress || onLongPress) {
-    return /*#__PURE__*/React.createElement(Pressable, _extends({}, otherProps, {
-      style: [styles.container, style],
-      onPress: handlePress,
-      onLongPress: handleLongPress,
-      disabled: disabled
-    }), renderContent());
-  }
-
-  // 否则使用普通 View
-  return /*#__PURE__*/React.createElement(View, _extends({}, otherProps, {
-    style: [styles.container, style]
-  }), renderContent());
-};
-const useStyles = makeStyles((theme, props) => {
-  const textAlign = props?.textAlign || "left";
-  const paddingHorizontal = props?.padding?.horizontal || 16;
-  const paddingVertical = props?.padding?.vertical || 8;
-  const minHeight = props?.minHeight || 40;
-  const disabled = props?.disabled || false;
-  return {
-    container: {
-      minHeight,
-      paddingHorizontal,
-      paddingVertical,
-      backgroundColor: theme?.colors?.grey5 || "#f8f9fa",
-      borderBottomWidth: 1,
-      borderBottomColor: theme?.colors?.grey3 || "#e0e0e0",
-      opacity: disabled ? 0.5 : 1
-    },
-    content: {
-      flex: 1,
-      flexDirection: "row",
-      alignItems: "center",
-      justifyContent: textAlign === "left" ? "flex-start" : textAlign === "right" ? "flex-end" : "center",
-      gap: 8
-    },
-    title: {
-      fontSize: theme?.fonts?.sizeS || 14,
-      fontWeight: "600",
-      color: theme?.colors?.colorTextSecondary || theme?.colors?.grey1 || "#333",
-      flexShrink: 1
-    },
-    sortContainer: {
-      flexShrink: 0
-    },
-    sortArrows: {
-      flexDirection: "column",
-      alignItems: "center",
-      justifyContent: "center",
-      height: 20,
-      width: 16,
-      position: "relative"
-    },
-    arrowUp: {
-      position: "absolute",
-      top: -2
-    },
-    arrowDown: {
-      position: "absolute",
-      bottom: -2
-    },
-    activeSortIcon: {
-      color: theme?.colors?.primary || "#007AFF"
-    },
-    inactiveSortIcon: {
-      color: theme?.colors?.grey2 || "#999"
-    }
-  };
-});
-export default withTheme(TapasTableColumnHeader);
-
-// Export aliases for compatibility
-export const TableColumnHeader = withTheme(TapasTableColumnHeader);
-export { TapasTableColumnHeader };
-//# sourceMappingURL=TableColumnHeader.js.mapyles.sortContainer, sortButtonStyle]
     }, react_1.default.createElement(react_native_1.View, {
       style: styles.sortArrows
     }, react_1.default.createElement(TapasIcon_1.default, {
@@ -281,4 +254,3 @@ var useStyles = (0, themed_1.makeStyles)(function (theme, props) {
 exports.default = (0, themed_1.withTheme)(TapasTableColumnHeader);
 // Export aliases for compatibility
 exports.TableColumnHeader = (0, themed_1.withTheme)(TapasTableColumnHeader);
-//# sourceMappingURL=TableColumnHeader.js.map

package/module/TableColumnHeader/index.js

@@ -1,6 +1,11 @@
-export { default } from './TableColumnHeader';
-export { TableColumnHeader, TapasTableColumnHeader } from './TableColumnHeader';
-//# sourceMappingURL=index.js.mapdefineProperty(exports, "__esModule", {
+"use strict";
+
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TapasTableColumnHeader = exports.TableColumnHeader = exports.default = void 0;
@@ -24,4 +29,3 @@ Object.defineProperty(exports, "TapasTableColumnHeader", {
     return TableColumnHeader_2.TapasTableColumnHeader;
   }
 });
-//# sourceMappingURL=index.js.map

package/module/Tag/Tag.js

@@ -1,93 +1,78 @@
-import React, { Fragment } from "react";
-import { View, TouchableOpacity } from "react-native";
-import { makeStyles, withTheme, Text as RNText } from "@rneui/themed";
-import Icon from '../Icons/TapasIcon';
-const useStyles = makeStyles((theme, ...props) => {
-  const {
-    size,
-    textMaxWidth,
-    disabled
-  } = props[0];
-  let height = 36,
-    fontSize = theme.fonts.sizeM,
-    iconSize = 20;
-  switch (size) {
-    case 'small':
-      height = 32;
-      fontSize = theme.fonts.sizeS;
-      iconSize = 16;
-      break;
-    case 'middle':
-      height = 36;
-      break;
-    default:
-      height = 40;
-      break;
+"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];
+      }
+    };
   }
-  return {
-    tagWrap: {
-      marginRight: 8,
-      display: 'flex',
-      flexDirection: 'row',
-      justifyContent: 'center',
-      alignItems: 'center',
-      borderRadius: height,
-      paddingHorizontal: 12,
-      paddingVertical: 2,
-      marginBottom: 8,
-      height: height,
-      backgroundColor: theme.colors.grey4
-    },
-    textItem: {
-      fontFamily: theme?.fonts?.fontFamily,
-      fontSize: fontSize || theme.fonts.sizeM,
-      fontWeight: theme?.fonts.weightR,
-      color: theme.colors.colorTextPrimary,
-      // textOverflow: 'ellipsis', // Not supported in React Native
-      // whiteSpace: 'nowrap', // Not supported in React Native
-      overflow: "hidden",
-      maxWidth: textMaxWidth || 226
-    },
-    closeIcon: {
-      marginLeft: 8,
-      fontSize: iconSize,
-      color: disabled ? theme.colors.colorTextPlaceholder : theme.colors.colorTextPrimary
-    },
-    disabled: {
-      color: theme.colors.colorTextPlaceholder
-    }
-  };
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
 });
-const Tag = ({
-  // @ts-ignore
-  theme,
-  ...props
-}) => {
-  const styles = useStyles(props);
-  const {
-    disabled = false,
-    closable = true
-  } = props;
-  return /*#__PURE__*/React.createElement(View, {
-    style: [styles.tagWrap, props.style],
-    testID: "tag"
-  }, /*#__PURE__*/React.createElement(RNText, {
-    style: [styles.textItem, disabled && styles.disabled]
-  }, props.children), closable && /*#__PURE__*/React.createElement(Fragment, null, !disabled ? /*#__PURE__*/React.createElement(TouchableOpacity, {
-    onPress: e => {
-      e.stopPropagation();
-      props.onClose && props.onClose();
-    }
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "close",
-    style: styles.closeIcon
-  })) : /*#__PURE__*/React.createElement(Icon, {
-    name: "close",
-    style: styles.closeIcon
-  })));
+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
+  };
 };
-export default withTheme(Tag);
-//# sourceMappingURL=Tag.js.map    fontSize = theme.fonts.sizeM,
+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 TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
+var useStyles = (0, themed_1.makeStyles)(function (theme) {
+  var _a;
+  var props = [];
+  for (var _i = 1; _i < arguments.length; _i++) {
+    props[_i - 1] = arguments[_i];
+  }
+  var _b = props[0],
+    size = _b.size,
+    textMaxWidth = _b.textMaxWidth,
+    disabled = _b.disabled;
+  var height = 36,
+    fontSize = theme.fonts.sizeM,
     iconSize = 20;
   switch (size) {
     case 'small':
@@ -165,4 +150,3 @@ var Tag = function (_a) {
   })));
 };
 exports.default = (0, themed_1.withTheme)(Tag);
-//# sourceMappingURL=Tag.js.map