@beppla/tapas-ui 1.5.14 → 1.5.15

package/commonjs/Dropdown/Dropdown.js

@@ -1,710 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  TapasDropdownModal: true
-};
-exports.default = exports.TapasDropdownModal = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _CustomDropdown = _interopRequireWildcard(require("./CustomDropdown"));
-Object.keys(_CustomDropdown).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _CustomDropdown[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _CustomDropdown[key];
-    }
-  });
-});
-var _ListItem = _interopRequireDefault(require("../ListItem/ListItem"));
-var _themed = require("@rneui/themed");
-var _TapasIcon = _interopRequireDefault(require("../Icons/TapasIcon"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-// 新增接口定义
-
-// @ts-expect-error CustomDropdownProps has conflicting index signature
-
-const useStyles = (0, _themed.makeStyles)(theme => ({
-  searchBarContainer: {
-    backgroundColor: theme.colors.white,
-    height: 50,
-    padding: 0
-  },
-  inputContainer: {
-    backgroundColor: theme.colors.white,
-    height: 48,
-    borderTopWidth: 0,
-    padding: 0
-  },
-  inputStyle: {
-    height: 24,
-    fontFamily: theme.fonts.fontFamily,
-    fontSize: theme.fonts.sizeM,
-    fontWeight: theme.fonts.weightR,
-    color: theme.colors.colorTextPrimary,
-    marginLeft: 0
-  },
-  leftIconContainer: {
-    height: 24,
-    marginLeft: 16
-  },
-  iconStyle: {
-    color: theme.colors.secondary
-  },
-  // Modal 模式样式
-  modalContainer: {
-    display: "flex",
-    flexGrow: 0,
-    flexShrink: 0,
-    flexBasis: "auto",
-    flexDirection: "column",
-    justifyContent: "flex-start",
-    // 改为顶部对齐，与 CustomDropdown 保持一致
-    alignItems: "stretch",
-    // 改为拉伸对齐，与 CustomDropdown 保持一致
-    width: "100%"
-  },
-  modalIcon: {
-    color: theme.colors.primary
-  },
-  modalOptionsCon: {
-    position: "absolute",
-    display: "flex",
-    flexDirection: "column",
-    overflow: "hidden",
-    backgroundColor: theme.colors.white,
-    paddingTop: 12,
-    paddingBottom: 12,
-    borderRadius: 12,
-    maxHeight: 224,
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 4
-    },
-    shadowOpacity: 0.15,
-    shadowRadius: 12,
-    elevation: 8
-  },
-  modalOptionsScrollView: {
-    flex: 1,
-    display: "flex"
-  },
-  modalOptionsInner: {
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: "flex-start",
-    gap: 8
-  },
-  modalOption: {
-    display: "flex",
-    flexDirection: "row",
-    width: "100%",
-    overflow: "hidden",
-    justifyContent: "space-between",
-    minHeight: 40,
-    alignItems: "center"
-  },
-  modalOptionText: {
-    marginLeft: 16,
-    marginRight: 16,
-    fontSize: 14,
-    fontWeight: "400",
-    color: theme.colors.primary,
-    alignSelf: "center",
-    overflow: "hidden",
-    flex: 1
-  },
-  modalNoOptions: {
-    width: "100%",
-    textAlign: "center",
-    color: theme.colors.grey2,
-    marginLeft: 16,
-    marginRight: 16
-  },
-  modalBtn: {
-    display: "flex",
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    // 确保垂直居中对齐
-    minHeight: 40,
-    width: "100%",
-    overflow: "hidden",
-    position: "relative"
-  },
-  modalSolidBtn: {
-    borderWidth: 1,
-    borderRadius: 12,
-    borderStyle: "solid",
-    borderColor: theme.colors.grey2,
-    paddingLeft: 16,
-    paddingRight: 12,
-    paddingTop: 9,
-    paddingBottom: 9,
-    alignItems: "center" // 确保垂直居中对齐
-  },
-  alignCenter: {
-    alignSelf: "center"
-  },
-  labelCon: {
-    position: "absolute",
-    left: 16,
-    paddingLeft: 1,
-    paddingRight: 1,
-    display: "flex",
-    flexDirection: "row",
-    zIndex: 30
-  },
-  labelInner: {
-    display: "flex",
-    flexDirection: "row"
-  },
-  labelText: {
-    fontSize: 12,
-    color: theme.colors.primary
-  },
-  required: {
-    fontSize: 12,
-    fontWeight: "400",
-    color: theme.colors.error || "#FF4444",
-    marginLeft: 1
-  },
-  msg: {
-    display: "flex",
-    flexDirection: "row",
-    paddingLeft: 16,
-    paddingRight: 8,
-    marginTop: 1,
-    width: "100%",
-    height: 15
-  },
-  msgText: {
-    fontSize: 12,
-    fontWeight: "400",
-    color: theme.colors.secondary
-  },
-  extendBtnCon: {
-    display: "flex",
-    flexDirection: "row",
-    justifyContent: "center",
-    height: 40,
-    overflow: "hidden",
-    backgroundColor: theme.colors.white,
-    borderRadius: 20,
-    gap: 8,
-    alignItems: "center",
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 4
-    },
-    shadowOpacity: 0.15,
-    shadowRadius: 12,
-    elevation: 8
-  },
-  extendBtnText: {
-    fontSize: 14,
-    fontWeight: "400",
-    color: theme.colors.primary
-  }
-}));
-const Dropdown = ({
-  value,
-  prefix = '',
-  options,
-  onChange,
-  width,
-  subWidth,
-  subHeight = 150,
-  isVisible,
-  onSearchChange,
-  type = 'option',
-  // 新增 Modal 模式相关属性
-  useModal = false,
-  dropdownItems = [],
-  selected,
-  showSelectedValue = false,
-  dropdownType = "clear",
-  arrowIcon: _arrowIcon = false,
-  onSelect,
-  attachSelect,
-  backgroundColor,
-  labelColor,
-  state = "normal",
-  stateMsg,
-  showCheckedStatusInList = false,
-  showStateMsg = false,
-  offsetWidth = 0,
-  extendBtn,
-  extendBtnIcon,
-  emptyText,
-  onExtendBtnPress,
-  attachExtendBtn,
-  noLabelAnim = false,
-  radius = 12,
-  modalVisible,
-  customPopoverContent,
-  setModalVisible,
-  visible,
-  setVisible,
-  dropdownSubWidth,
-  dropdownSubHeight,
-  empytText,
-  leftIcon,
-  marginTopOffset = 0,
-  height,
-  iconStyle,
-  label,
-  required,
-  testID,
-  ...props
-}) => {
-  // 向下兼容：deprecated props 优先级低于新 props
-  const resolvedOnSelect = onSelect ?? attachSelect;
-  const resolvedOnExtendBtnPress = onExtendBtnPress ?? attachExtendBtn;
-  const resolvedModalVisible = modalVisible ?? visible;
-  const resolvedSetModalVisible = setModalVisible ?? setVisible;
-  const resolvedSubWidth = subWidth ?? dropdownSubWidth;
-  const resolvedSubHeight = subHeight ?? dropdownSubHeight;
-  const resolvedEmptyText = emptyText ?? empytText;
-  const styles = useStyles(props);
-  const theme = (0, _themed.useTheme)();
-  const [selected_old, selectedItem] = _react.default.useState(value);
-  const searchRef = _react.default.useRef(null);
-  const [search, setSearch] = (0, _react.useState)('');
-
-  // Modal 模式相关状态
-  const [internalModalVisible, setInternalModalVisible] = (0, _react.useState)(false);
-  const [dropdownPosition, setDropdownPosition] = (0, _react.useState)({
-    top: 0,
-    left: 0
-  });
-  const [dropdownWidthCalc, setDropdownWidthCalc] = (0, _react.useState)(resolvedSubWidth ?? 151);
-  const [selectedItemKey, setSelectedItemKey] = (0, _react.useState)(selected ?? "");
-  const [top, setTop] = (0, _react.useState)(18);
-  const [optionListHeight, setOptionListHeight] = (0, _react.useState)(0);
-  const buttonRef = (0, _react.useRef)(null);
-  const topAnim = (0, _react.useRef)(new _reactNative.Animated.Value(18)).current;
-  const offsetSpace = 8;
-  const offsetHeight = 10;
-  (0, _react.useEffect)(() => {
-    if (value) selectedItem(value);
-  }, [value]);
-
-  // Modal 模式相关 useEffect
-  (0, _react.useEffect)(() => {
-    setSelectedItemKey(selected ?? "");
-  }, [selected]);
-  (0, _react.useEffect)(() => {
-    if (typeof resolvedModalVisible === "boolean" && resolvedModalVisible !== undefined) {
-      setInternalModalVisible(resolvedModalVisible);
-    }
-  }, [resolvedModalVisible]);
-
-  // 动态更新下拉容器宽度（支持运行时宽度变化）
-  (0, _react.useEffect)(() => {
-    if (resolvedSubWidth && internalModalVisible) {
-      setDropdownWidthCalc(resolvedSubWidth);
-    }
-  }, [resolvedSubWidth, internalModalVisible]);
-
-  // 标签动画效果
-  (0, _react.useEffect)(() => {
-    if (!useModal || noLabelAnim) return;
-    const start = !selectedItemKey ? 0 : 18;
-    const target = !selectedItemKey ? 18 : 0;
-    if (top === target) return;
-    setTop(target);
-    topAnim.setValue(start);
-    _reactNative.Animated.timing(topAnim, {
-      toValue: target,
-      duration: 300,
-      useNativeDriver: true
-    }).start();
-  }, [selectedItemKey, useModal, noLabelAnim]);
-  const handleStopEvent = event => {
-    event.stopPropagation();
-  };
-  const updateSearch = search => {
-    setSearch(search);
-    onSearchChange && onSearchChange(search);
-  };
-
-  // Modal 模式下的弹出逻辑
-  const openDropdown = () => {
-    if (props.disabled) return;
-    if (buttonRef.current) {
-      buttonRef.current.measure((_fx, _fy, width, height, px, py) => {
-        const window = _reactNative.Dimensions.get("window");
-        const dropdownHeight = resolvedSubHeight ?? Math.min(40 * dropdownItems.length + 24, 224);
-        const dropdownWidth = Math.max(width, resolvedSubWidth ?? 151);
-        setDropdownWidthCalc(dropdownWidth);
-
-        // 计算显示位置
-        const enoughSpaceBelow = py + height + dropdownHeight + offsetHeight <= window.height;
-        const enoughSpaceAbove = py - dropdownHeight >= 0;
-        const enoughSpaceRight = px + dropdownWidth <= window.width;
-        const adjustedPx = px % window.width + (px > window.width ? 56 : 0) + offsetWidth;
-        const top = enoughSpaceBelow ? py + height + offsetSpace : enoughSpaceAbove ? py - dropdownHeight - offsetHeight - 16 : py + height + offsetSpace;
-        const left = enoughSpaceRight ? adjustedPx : adjustedPx + width - dropdownWidth;
-        setDropdownPosition({
-          top,
-          left
-        });
-        if (resolvedSetModalVisible) {
-          resolvedSetModalVisible(true);
-        } else {
-          setInternalModalVisible(true);
-        }
-      });
-    }
-  };
-  const closeModal = () => {
-    if (resolvedSetModalVisible) {
-      resolvedSetModalVisible(false);
-    } else {
-      setInternalModalVisible(false);
-    }
-  };
-  const handleConLayout = event => {
-    const {
-      height
-    } = event.nativeEvent.layout;
-    setOptionListHeight(height);
-  };
-
-  // 如果使用 Modal 模式，渲染新的 Modal 界面
-  if (useModal) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      testID: testID,
-      style: [styles.modalContainer, width ? {
-        width: width
-      } : null, {
-        minHeight: (height || 40) + (label ? 7 : 0) + (showStateMsg ? 15 : 0)
-      }, height ? {
-        maxHeight: height + (label ? 7 : 0) + (showStateMsg ? 15 : 0)
-      } : null],
-      children: [label && !noLabelAnim && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-        style: [styles.labelCon, {
-          top: topAnim
-        }, {
-          backgroundColor: backgroundColor || theme.theme.colors.white
-        }],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-          style: styles.labelInner,
-          onPress: openDropdown,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: [styles.labelText, state === "error" && {
-              color: theme.theme.colors.error
-            }, !selectedItemKey && {
-              color: theme.theme.colors.grey2
-            }, props.disabled && {
-              color: theme.theme.colors.grey3
-            }],
-            numberOfLines: 1,
-            ellipsizeMode: "tail",
-            children: !selectedItemKey ? props.placeholder || label : label
-          }), required && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.required,
-            children: "*"
-          })]
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        ref: buttonRef,
-        style: [showSelectedValue || noLabelAnim && label ? styles.modalBtn : null, dropdownType === "solid" ? styles.modalSolidBtn : null, dropdownType === "solid" && radius ? {
-          borderRadius: radius
-        } : null,
-        // 统一主体容器的位置，无论是否使用 customPopoverContent
-        label ? {
-          marginTop: 7 + marginTopOffset
-        } : null, noLabelAnim && label && backgroundColor ? {
-          backgroundColor
-        } : null, state === "error" ? {
-          borderColor: theme.theme.colors.error
-        } : null, props.disabled ? {
-          borderColor: theme.theme.colors.grey3
-        } : null, leftIcon && {
-          gap: 8,
-          paddingLeft: 8,
-          paddingRight: 12
-        },
-        // 确保主体容器始终有统一的垂直对齐
-        {
-          alignItems: "center"
-        }],
-        disabled: props.disabled,
-        onPress: openDropdown,
-        children: [leftIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TapasIcon.default, {
-          size: 20,
-          style: [styles.alignCenter, styles.modalIcon, props.disabled && {
-            color: theme.theme.colors.grey3
-          }],
-          name: leftIcon
-        }), showSelectedValue ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.alignCenter, {
-            flexGrow: 1,
-            marginRight: 12
-          }, props.disabled && {
-            color: theme.theme.colors.grey3
-          }],
-          numberOfLines: 1,
-          ellipsizeMode: "tail",
-          children: dropdownItems.find(item => item.key === selectedItemKey)?.value
-        }) : noLabelAnim && label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.alignCenter, {
-            flexGrow: 1,
-            marginRight: 2
-          }, labelColor ? {
-            color: labelColor
-          } : null, props.disabled ? {
-            color: theme.theme.colors.grey3
-          } : null],
-          numberOfLines: 1,
-          ellipsizeMode: "tail",
-          children: label
-        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_TapasIcon.default, {
-          size: 20,
-          style: [styles.alignCenter, styles.modalIcon, iconStyle, props.disabled && {
-            color: theme.theme.colors.grey3
-          }],
-          name: internalModalVisible && props.icon === "arrow_drop_down" ? "arrow_drop_up" : props.icon === "arrow_drop_up" ? "arrow_drop_down" : props.icon || "arrow_drop_down"
-        })]
-      }), showStateMsg && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.msg,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.msgText, state === "error" && {
-            color: theme.theme.colors.error
-          }],
-          numberOfLines: 1,
-          ellipsizeMode: "tail",
-          children: stateMsg
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
-        transparent: true,
-        visible: internalModalVisible,
-        onRequestClose: closeModal,
-        animationType: "fade",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-          style: {
-            flex: 1
-          },
-          onPress: closeModal,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: [styles.modalOptionsCon, {
-              top: dropdownPosition.top,
-              left: dropdownPosition.left,
-              width: dropdownWidthCalc
-            }, resolvedSubHeight ? {
-              maxHeight: resolvedSubHeight
-            } : null],
-            onLayout: handleConLayout,
-            children: customPopoverContent ? customPopoverContent : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-              style: styles.modalOptionsScrollView,
-              keyboardShouldPersistTaps: "handled",
-              keyboardDismissMode: "none",
-              showsHorizontalScrollIndicator: false,
-              showsVerticalScrollIndicator: false,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                style: styles.modalOptionsInner,
-                children: dropdownItems.length > 0 ? dropdownItems.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-                  style: ({
-                    pressed
-                  }) => [styles.modalOption, item.secondaryValue ? {
-                    flexWrap: "wrap"
-                  } : null, {
-                    padding: 10,
-                    backgroundColor: pressed ? theme.theme.colors.grey4 || "#f0f0f0" : "transparent"
-                  },
-                  // 第一个 item 添加左上和右上圆角
-                  index === 0 && {
-                    borderTopLeftRadius: 12,
-                    borderTopRightRadius: 12
-                  },
-                  // 最后一个 item 添加左下和右下圆角
-                  index === dropdownItems.length - 1 && {
-                    borderBottomLeftRadius: 12,
-                    borderBottomRightRadius: 12
-                  }, showCheckedStatusInList && selectedItemKey === item.key ? {
-                    backgroundColor: theme.theme.colors.grey4 || "#f0f0f0"
-                  } : null],
-                  onPress: () => {
-                    closeModal();
-                    if (resolvedOnSelect) {
-                      resolvedOnSelect(item);
-                    } else {
-                      setSelectedItemKey(item.key);
-                    }
-                  },
-                  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                    style: {
-                      display: "flex",
-                      flexDirection: "row",
-                      justifyContent: "space-between",
-                      overflow: "hidden",
-                      width: "100%"
-                    },
-                    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                      style: [styles.modalOptionText],
-                      numberOfLines: 1,
-                      ellipsizeMode: "tail",
-                      children: item.value
-                    }), selectedItemKey === item.key && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TapasIcon.default, {
-                      name: "check",
-                      size: 20,
-                      color: theme.theme.colors.primary
-                    })]
-                  }), item.secondaryValue && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                    style: {
-                      display: "flex",
-                      flexDirection: "row",
-                      flex: 1,
-                      height: 14,
-                      overflow: "hidden",
-                      minWidth: dropdownWidthCalc - 32
-                    },
-                    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                      style: [styles.modalOptionText, {
-                        fontSize: 12,
-                        color: theme.theme.colors.secondary
-                      }],
-                      numberOfLines: 1,
-                      ellipsizeMode: "tail",
-                      children: item.secondaryValue
-                    })
-                  })]
-                }, `dropdown-option-${item.key}-${index}`)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  numberOfLines: 1,
-                  ellipsizeMode: "tail",
-                  style: [styles.modalOptionText, styles.modalNoOptions],
-                  children: resolvedEmptyText || "No options"
-                })
-              })
-            })
-          }), extendBtn && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-            onPress: () => {
-              closeModal();
-              setTimeout(() => {
-                resolvedOnExtendBtnPress?.();
-              }, 300);
-            },
-            style: [styles.extendBtnCon, {
-              left: dropdownPosition.left,
-              top: dropdownPosition.top + optionListHeight + 8,
-              width: dropdownWidthCalc
-            }],
-            children: [extendBtnIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TapasIcon.default, {
-              size: 20,
-              name: extendBtnIcon
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.extendBtnText,
-              numberOfLines: 1,
-              ellipsizeMode: "tail",
-              children: extendBtn
-            })]
-          })]
-        })
-      })]
-    });
-  }
-
-  // 原有的 CustomDropdown 模式
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CustomDropdown.default, {
-    title: props?.title,
-    value: `${prefix}${selected_old?.name}`,
-    isVisible: isVisible,
-    width: width,
-    subWidth: resolvedSubWidth,
-    subHeight: resolvedSubHeight,
-    testID: testID,
-    ...props,
-    onClose: () => {
-      props.onClose && props.onClose();
-    },
-    onPress: () => {
-      props.onPress && props.onPress();
-    },
-    sheetTitlePros: {
-      ...props.sheetTitlePros,
-      onClose: () => {
-        props.onClose && props.onClose();
-      }
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-      onPress: handleStopEvent,
-      children: props.showSearchBar && /*#__PURE__*/(0, _jsxRuntime.jsx)(_themed.SearchBar, {
-        ref: search => searchRef.current = search,
-        containerStyle: {
-          ...styles.searchBarContainer,
-          borderEndWidth: 1,
-          borderTopWidth: 0,
-          borderRightWidth: 0,
-          width: resolvedSubWidth
-        },
-        inputContainerStyle: styles.inputContainer,
-        placeholder: props.placeholder,
-        onChangeText: updateSearch,
-        inputStyle: {
-          ...styles.inputStyle
-        },
-        leftIconContainerStyle: styles.leftIconContainer,
-        value: search,
-        lightTheme: true,
-        searchIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TapasIcon.default, {
-          name: "search",
-          style: styles.iconStyle,
-          size: 20
-        }),
-        clearIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TapasIcon.default, {
-          name: "close",
-          onPress: () => {
-            const search = searchRef.current;
-            if (search) {
-              search.clear();
-              search.blur();
-            }
-          },
-          size: 20
-        })
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-      style: {
-        width: resolvedSubWidth,
-        height: resolvedSubHeight
-      },
-      keyboardShouldPersistTaps: "handled",
-      keyboardDismissMode: "none",
-      children: options?.map((item, index) => {
-        const visibleItems = options.filter(item => !item.hide);
-        const currentVisibleIndex = visibleItems.findIndex(visibleItem => visibleItem === item);
-        const isFirst = currentVisibleIndex === 0;
-        const isLast = currentVisibleIndex === visibleItems.length - 1;
-        return !item.hide && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem.default, {
-          onItemPress: value => {
-            if (type === 'button') {
-              props.onItemPress && props.onItemPress(item.value);
-            } else {
-              selectedItem(value);
-              onChange && onChange(value);
-            }
-            props.onClose && props.onClose();
-          },
-          item: item,
-          selected: selected_old,
-          isFirst: isFirst,
-          isLast: isLast
-        }, index);
-      })
-    })]
-  });
-};
-var _default = exports.default = (0, _themed.withTheme)(Dropdown); // 向后兼容的别名导出
-const TapasDropdownModal = exports.TapasDropdownModal = (0, _themed.withTheme)(Dropdown);
-//# sourceMappingURL=Dropdown.js.map