@beppla/tapas-ui 1.0.68 → 1.0.70

package/module/TabTitle/TabTitle.js

@@ -1,53 +1,62 @@
-"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);
+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 from "react";
+import { Text, View } from "react-native";
+import { withTheme, makeStyles } from "@rneui/themed";
+const TapasTabTitle = ({
+  text,
+  showIndicator = false,
+  indicatorColor = "#FF4444",
+  indicatorSize = 5,
+  textStyle,
+  textProps,
+  indicatorOffset = {
+    top: 0,
+    right: -8
+  },
+  style,
+  ...otherProps
+}) => {
+  const styles = useStyles();
+  return /*#__PURE__*/React.createElement(View, _extends({
+    style: [styles.container, style]
+  }, otherProps), /*#__PURE__*/React.createElement(Text, _extends({
+    numberOfLines: 1,
+    ellipsizeMode: "tail",
+    style: [styles.text, textStyle]
+  }, textProps), text, showIndicator && /*#__PURE__*/React.createElement(View, {
+    style: [styles.indicator, {
+      width: indicatorSize,
+      height: indicatorSize,
+      borderRadius: indicatorSize / 2,
+      backgroundColor: indicatorColor,
+      top: indicatorOffset.top,
+      right: indicatorOffset.right
+    }]
+  })));
 };
-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]];
+const useStyles = makeStyles(theme => ({
+  container: {
+    alignItems: "flex-start",
+    justifyContent: "center"
+  },
+  text: {
+    fontSize: theme?.fonts?.sizeM || 16,
+    fontWeight: "600",
+    color: theme?.colors?.colorTextPrimary || theme?.colors?.primary || "#000",
+    position: "relative",
+    overflow: "visible"
+  },
+  indicator: {
+    position: "absolute",
+    zIndex: 1
   }
-  return t;
-};
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TapasTabTitle = exports.TabTitle = void 0;
-var react_1 = __importDefault(require("react"));
-var react_native_1 = require("react-native");
-var themed_1 = require("@rneui/themed");
-var TapasTabTitle = function (_a) {
-  var text = _a.text,
-    _b = _a.showIndicator,
-    showIndicator = _b === void 0 ? false : _b,
-    _c = _a.indicatorColor,
-    indicatorColor = _c === void 0 ? "#FF4444" : _c,
-    _d = _a.indicatorSize,
-    indicatorSize = _d === void 0 ? 5 : _d,
-    textStyle = _a.textStyle,
-    textProps = _a.textProps,
-    _e = _a.indicatorOffset,
-    indicatorOffset = _e === void 0 ? {
-      top: 0,
-      right: -8
-    } : _e,
-    style = _a.style,
-    otherProps = __rest(_a, ["text", "showIndicator", "indicatorColor", "indicatorSize", "textStyle", "textProps", "indicatorOffset", "style"]);
-  var styles = useStyles();
+}));
+export default withTheme(TapasTabTitle);
+
+// Export aliases for compatibility
+export const TabTitle = withTheme(TapasTabTitle);
+export { TapasTabTitle };
+//# sourceMappingURL=TabTitle.js.mapStyles();
   return react_1.default.createElement(react_native_1.View, __assign({
     style: [styles.container, style]
   }, otherProps), react_1.default.createElement(react_native_1.Text, __assign({

package/module/TableColumnHeader/TableColumnHeader.js

@@ -1,124 +1,49 @@
-"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
+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
   });
+
   // 处理排序点击
-  var handleSortPress = (0, react_1.useCallback)(function () {
+  const handleSortPress = useCallback(() => {
     if (!sortable || disabled || !fieldName) return;
-    var newDirection;
+    let newDirection;
+
     // 排序逻辑：null -> ASC -> DESC -> null
     switch (sortDirection) {
       case null:
@@ -133,10 +58,11 @@ var TapasTableColumnHeader = function (_a) {
       default:
         newDirection = "ASC";
     }
-    onSort === null || onSort === void 0 ? void 0 : onSort(fieldName, newDirection, columnIndex);
+    onSort?.(fieldName, newDirection, columnIndex);
   }, [sortable, disabled, fieldName, sortDirection, onSort, columnIndex]);
+
   // 处理普通点击
-  var handlePress = (0, react_1.useCallback)(function () {
+  const handlePress = useCallback(() => {
     if (disabled) return;
     if (sortable) {
       handleSortPress();
@@ -144,18 +70,119 @@ var TapasTableColumnHeader = function (_a) {
       onPress(fieldName, columnIndex);
     }
   }, [disabled, sortable, handleSortPress, onPress, fieldName, columnIndex]);
+
   // 处理长按
-  var handleLongPress = (0, react_1.useCallback)(function () {
+  const handleLongPress = useCallback(() => {
     if (disabled || !fieldName) return;
-    onLongPress === null || onLongPress === void 0 ? void 0 : onLongPress(fieldName, columnIndex);
+    onLongPress?.(fieldName, columnIndex);
   }, [disabled, fieldName, onLongPress, columnIndex]);
+
   // 渲染排序指示器
-  var renderSortIndicator = function () {
+  const renderSortIndicator = () => {
     if (!sortable || !showSortIndicator) return null;
-    var isAscending = sortDirection === "ASC";
-    var isDescending = sortDirection === "DESC";
-    return react_1.default.createElement(react_native_1.View, {
+    const isAscending = sortDirection === "ASC";
+    const isDescending = sortDirection === "DESC";
+    return /*#__PURE__*/React.createElement(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, {