@bm-fe/react-native-ui-components 1.1.3 → 1.1.4

package/ios/Modules/BMUIComponents/BMUIComponents/Classes/Components/SegmentView/BMComponentSegmentedView.swift

@@ -0,0 +1,292 @@
+//
+//  BMComponentSegmentedView.swift
+//  BMComponents
+//
+//  Created by james on 2026/1/13.
+//
+
+import UIKit
+import BMTheme
+import BMCore
+import SnapKit
+
+// MARK: - 图标位置
+public enum BMComponentSegmentedIconPosition {
+    /// 图标在文字右边
+    case trailing
+    /// 图标在文字上面
+    case top
+}
+
+// MARK: - Secondary 下划线宽度样式
+public enum BMComponentSegmentedUnderlineWidth {
+    /// 下划线宽度随文字长度
+    case auto
+    /// 固定宽度下划线
+    case fixed(CGFloat)
+}
+
+// MARK: - 样式类型
+public enum BMComponentSegmentedStyle {
+    /// 主要项目标签：文字加粗、深色，无下划线，可带图标和徽章
+    case primary
+    /// 次要项目标签：文字加粗、深色、细下划线，可带图标和徽章
+    case secondary(underlineWidth: BMComponentSegmentedUnderlineWidth = .auto)
+    /// 三级项目标签：胶囊形按钮样式，可带图标和徽章
+    case tertiary
+}
+
+// MARK: - 标签项配置
+public struct BMComponentSegmentedItem {
+    public let title: String
+    public let icon: UIImage?  // 图标
+    public let iconPosition: BMComponentSegmentedIconPosition  // 图标位置
+    public let badge: BMComponentSegmentedBadge?  // 徽章（文字徽章或红点）
+    
+    public init(title: String, 
+                icon: UIImage? = nil,
+                badge: BMComponentSegmentedBadge? = nil,
+                iconPosition: BMComponentSegmentedIconPosition = .trailing){
+        self.title = title
+        self.icon = icon
+        self.badge = badge
+        self.iconPosition = iconPosition
+    }
+}
+
+// MARK: - 徽章类型
+public enum BMComponentSegmentedBadge {
+    /// 文字徽章（如 "New"）
+    case text(String, backgroundColor: UIColor = UIColor(red: 0.2, green: 0.6, blue: 1.0, alpha: 1.0))
+    /// 红点徽章（默认8pt，确保可见性）
+    case dot(color: UIColor = .red, size: CGFloat = 8)
+}
+
+// MARK: - BMComponentSegmentedView 主类
+//open class BMComponentSegmentedView: UIView {
+//    
+//    // MARK: - Properties
+//    public var style: BMComponentSegmentedStyle = .primary {
+//        didSet {
+//            setupStyle()
+//        }
+//    }
+//    
+//    public var items: [BMComponentSegmentedItem] = [] {
+//        didSet {
+//            reloadData()
+//        }
+//    }
+//    
+//    private var _selectedIndex: Int = 0
+//    public var selectedIndex: Int {
+//        get {
+//            return _selectedIndex
+//        }
+//        set {
+//            _selectedIndex = newValue
+//            // 只有在数据源已设置且数据已加载时才调用 selectItemAt
+//            // 否则会在 reloadData() 中处理
+//            if dataSource != nil && !items.isEmpty && segmentedView.dataSource != nil {
+//                // 确保索引有效
+//                if _selectedIndex >= 0 && _selectedIndex < items.count {
+//                    segmentedView.selectItemAt(index: _selectedIndex)
+//                }
+//            }
+//        }
+//    }
+//    
+//    public var onSelectedIndexChanged: ((Int) -> Void)?
+//    
+//    // MARK: - UI Components
+//    private lazy var containerView: UIView = {
+//        let view = UIView()
+//        view.backgroundColor = .clear
+//        return view
+//    }()
+//    
+//    private lazy var segmentedView: JXSegmentedView = {
+//        let view = JXSegmentedView()
+//        return view
+//    }()
+//    
+//    private var dataSource: JXSegmentedBaseDataSource?
+//    private var indicator: JXSegmentedIndicatorBaseView?
+//    
+//    // MARK: - Initialization
+//    public override init(frame: CGRect) {
+//        super.init(frame: frame)
+//        setupUI()
+//    }
+//    
+//    required public init?(coder: NSCoder) {
+//        super.init(coder: coder)
+//        setupUI()
+//    }
+//    
+//    // MARK: - Setup
+//    private func setupUI() {
+//        addSubview(containerView)
+//        containerView.addSubview(segmentedView)
+//        
+//        containerView.snp.makeConstraints { make in
+//            make.edges.equalToSuperview()
+//        }
+//        
+//        segmentedView.snp.makeConstraints { make in
+//            make.edges.equalToSuperview()
+//        }
+//        
+//        segmentedView.delegate = self
+//        setupStyle()
+//    }
+//    
+//    private func setupStyle() {
+//        // 清除旧的指示器
+//        indicator?.removeFromSuperview()
+//        indicator = nil
+//        // 根据样式创建 DataSource 和 Indicator
+//        switch style {
+//        case .primary:
+//            setupPrimaryStyle()
+//        case .secondary(let underlineWidth):
+//            setupSecondaryStyle(underlineWidth: underlineWidth)
+//        case .tertiary:
+//            setupTertiaryStyle()
+//        }
+//        reloadData()
+//    }
+//    
+//    // MARK: - Style Setup Methods
+//    private func setupPrimaryStyle() {
+//        let dataSource = BMComponentSegmentedTitleDataSource()
+//        dataSource.titles = items.map { $0.title }
+//        dataSource.titleNormalColor = BMCexThemeColor.secondaryColor.currentUIColor()
+//        dataSource.titleSelectedColor = BMCexThemeColor.primaryColor.currentUIColor()
+//        dataSource.titleNormalFont = UIFont.H7Font
+//        dataSource.titleSelectedFont = UIFont.H7Font  // 通过 isTitleStrokeWidthEnabled 实现加粗效果
+//        dataSource.isTitleStrokeWidthEnabled = true
+//        dataSource.titleSelectedStrokeWidth = -1
+//        dataSource.isTitleZoomEnabled = false
+//        dataSource.itemSpacing = 20
+//
+//        dataSource.icons = items.map { $0.icon }
+//        dataSource.iconPositions = items.map { $0.iconPosition }
+//        dataSource.badges = items.map { $0.badge }
+//        
+//        self.dataSource = dataSource
+//        segmentedView.dataSource = dataSource
+//        // Primary 样式不需要指示器，仅通过文字颜色和粗细区分
+//        segmentedView.indicators = []
+//        containerView.backgroundColor = .clear
+//        containerView.layer.cornerRadius = 0
+//    }
+//    
+//    private func setupSecondaryStyle(underlineWidth: BMComponentSegmentedUnderlineWidth) {
+//        let dataSource = BMComponentSegmentedTitleDataSource()
+//        dataSource.titles = items.map { $0.title }
+//        dataSource.titleNormalColor = BMCexThemeColor.secondaryColor.currentUIColor()
+//        dataSource.titleSelectedColor = BMCexThemeColor.primaryColor.currentUIColor()
+//        dataSource.titleNormalFont = UIFont.H7Font
+//        dataSource.titleSelectedFont = UIFont.H7Font  // 通过 isTitleStrokeWidthEnabled 实现加粗效果
+//        dataSource.isTitleStrokeWidthEnabled = true
+//        dataSource.titleSelectedStrokeWidth = -1
+//        dataSource.isTitleZoomEnabled = false
+//        dataSource.itemSpacing = 20
+//        
+//        dataSource.icons = items.map { $0.icon }
+//        dataSource.iconPositions = items.map { $0.iconPosition }
+//        dataSource.badges = items.map { $0.badge }
+//        
+//        self.dataSource = dataSource
+//        segmentedView.dataSource = dataSource
+//        
+//        // Secondary 样式使用细下划线
+//        let indicator = JXSegmentedIndicatorLineView()
+//        indicator.indicatorColor = BMCexThemeColor.primaryColor.currentUIColor()
+//        indicator.indicatorHeight = 1  // 细下划线
+//        // 根据配置设置下划线宽度
+//        switch underlineWidth {
+//        case .auto:
+//            indicator.indicatorWidth = JXSegmentedViewAutomaticDimension  // 随文字长度
+//        case .fixed(let width):
+//            indicator.indicatorWidth = width  // 固定宽度
+//        }
+//        indicator.indicatorPosition = .bottom
+//        indicator.verticalOffset = 0
+//        self.indicator = indicator
+//        segmentedView.indicators = [indicator]
+//        
+//        containerView.backgroundColor = .clear
+//        containerView.layer.cornerRadius = 0
+//    }
+//    
+//    private func setupTertiaryStyle() {
+//        let dataSource = BMComponentSegmentedTitleDataSource()
+//        dataSource.titles = items.map { $0.title }
+//        dataSource.titleNormalColor = BMCexThemeColor.secondaryColor.currentUIColor()  // 未选中：灰色
+//        dataSource.titleSelectedColor = .white  // 选中：白色
+//        dataSource.titleNormalFont = UIFont.H7Font
+//        dataSource.titleSelectedFont = UIFont.H7Font
+//        dataSource.isTitleZoomEnabled = false
+//        dataSource.itemSpacing = 8
+//        
+//        dataSource.icons = items.map { $0.icon }
+//        dataSource.iconPositions = items.map { $0.iconPosition }
+//        dataSource.badges = items.map { $0.badge }
+//        
+//        self.dataSource = dataSource
+//        segmentedView.dataSource = dataSource
+//        
+//        // Tertiary 样式使用背景块指示器
+//        let indicator = JXSegmentedIndicatorBackgroundView()
+//        indicator.indicatorColor = BMCexThemeColor.primaryColor.currentUIColor()  // 主色背景
+//        indicator.indicatorHeight = 32
+//        indicator.indicatorWidthIncrement = 16
+//        indicator.indicatorPosition = .center
+//        indicator.indicatorCornerRadius = 16  // 胶囊形
+//        self.indicator = indicator
+//        segmentedView.indicators = [indicator]
+//        
+//        // Tertiary 样式需要容器背景
+//        containerView.backgroundColor = UIColor(white: 0.95, alpha: 1.0)
+//        containerView.layer.cornerRadius = 8
+//        containerView.layer.borderWidth = 0
+//    }
+//    
+//    // MARK: - Data Reload
+//    private func reloadData() {
+//        guard !items.isEmpty else { return }
+//        
+//        // 确保 selectedIndex 在有效范围内
+//        let validIndex = max(0, min(_selectedIndex, items.count - 1))
+//        if validIndex != _selectedIndex {
+//            _selectedIndex = validIndex
+//        }
+//        
+//        dataSource?.reloadData(selectedIndex: _selectedIndex)
+//        segmentedView.reloadData()
+//        
+//        // 确保在数据加载完成后再选择
+//        DispatchQueue.main.async { [weak self] in
+//            guard let self = self else { return }
+//            if self._selectedIndex >= 0 && self._selectedIndex < self.items.count {
+//                self.segmentedView.selectItemAt(index: self._selectedIndex)
+//            }
+//        }
+//    }
+//    
+//    // MARK: - Public Methods
+//    public func reloadSegmentData() {
+//        setupStyle()
+//    }
+//}
+//
+//// MARK: - JXSegmentedView Delegate
+//extension BMComponentSegmentedView: JXSegmentedViewDelegate {
+//    public func segmentedView(_ segmentedView: JXSegmentedView, didSelectedItemAt index: Int) {
+//        // 直接更新内部变量，避免触发 didSet 中的 selectItemAt（因为已经选中了）
+//        _selectedIndex = index
+//        onSelectedIndexChanged?(index)
+//    }
+//}

package/ios/Modules/BMUIComponents/LICENSE

@@ -0,0 +1,19 @@
+Copyright (c) 2026 wlwZLP <james@ponyft.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/ios/Modules/BMUIComponents/README.md

@@ -0,0 +1,29 @@
+# BMUIComponents
+
+[![CI Status](https://img.shields.io/travis/wlwZLP/BMUIComponents.svg?style=flat)](https://travis-ci.org/wlwZLP/BMUIComponents)
+[![Version](https://img.shields.io/cocoapods/v/BMUIComponents.svg?style=flat)](https://cocoapods.org/pods/BMUIComponents)
+[![License](https://img.shields.io/cocoapods/l/BMUIComponents.svg?style=flat)](https://cocoapods.org/pods/BMUIComponents)
+[![Platform](https://img.shields.io/cocoapods/p/BMUIComponents.svg?style=flat)](https://cocoapods.org/pods/BMUIComponents)
+
+## Example
+
+To run the example project, clone the repo, and run `pod install` from the Example directory first.
+
+## Requirements
+
+## Installation
+
+BMUIComponents is available through [CocoaPods](https://cocoapods.org). To install
+it, simply add the following line to your Podfile:
+
+```ruby
+pod 'BMUIComponents'
+```
+
+## Author
+
+wlwZLP, james@ponyft.com
+
+## License
+
+BMUIComponents is available under the MIT license. See the LICENSE file for more info.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bm-fe/react-native-ui-components",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "React Native UI Components Library",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -15,6 +15,8 @@
     "android/design/proguard-rules.pro",
     "android/design/consumer-rules.pro",
     "ios/DemoProject/NativeDesign",
+    "ios/Modules/BMUIComponents/BMUIComponents/Classes",
+    "ios/Modules/BMUIComponents/BMUIComponents/Assets",
     "react-native-ui-components.podspec",
     "react-native.config.js",
     "README.md",

package/react-native-ui-components.podspec

@@ -11,13 +11,42 @@ Pod::Spec.new do |s|
   s.authors      = { "bm-fe" => "bm-fe@bitmart.com" }
   s.platforms    = { :ios => "13.0" }
   s.source       = { :git => "", :tag => "#{s.version}" }
+  s.swift_version = "5.0"
 
-  # iOS 原生桥接代码（ViewManager）
-  s.source_files = "ios/DemoProject/NativeDesign/**/*.{h,m,swift}"
+  # ─── 源码 ───
+  # RN ViewManager 桥接层
+  # BMUIComponents 直接内联（消费方没有此 pod，内联避免找不到）
+  # BMCore / BMTheme 消费方已有，声明为 dependency 由 CocoaPods 复用，不重复编译
+  s.source_files = [
+    "ios/DemoProject/NativeDesign/**/*.{h,m,swift}",
+    "ios/Modules/BMUIComponents/BMUIComponents/Classes/**/*.{h,m,swift}"
+  ]
 
+  # ─── 资源：BMUIComponents 字体 / 图片 ───
+  s.resource_bundles = {
+    "BMUIComponents" => [
+      "ios/Modules/BMUIComponents/BMUIComponents/Assets/**/*"
+    ]
+  }
+
+  s.frameworks = "UIKit"
+
+  # ─── 依赖 ───
+
+  # React Native
   s.dependency "React-Core"
-  s.dependency "BMUIComponents"
+
+  # 消费方已有的私有 pod，CocoaPods 会直接复用，不重复编译
+  s.dependency "BMCore"
+  s.dependency "BMTheme"
+
+  # BMUIComponents 的公共 pod 依赖
+  s.dependency "RxSwift"
+  s.dependency "RxCocoa"
+  s.dependency "RxRelay"
+  s.dependency "SnapKit"
+
+  # RN 桥接层 SVG 图标支持
   s.dependency "SDWebImage"
   s.dependency "SDWebImageSVGCoder"
-  s.dependency "SnapKit"
 end