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

package/android/design/src/main/java/com/bitmart/react/design/PrimaryXLargeViewManager.kt

@@ -0,0 +1,785 @@
+package com.bitmart.react.design
+
+import android.content.res.ColorStateList
+import android.graphics.Color
+import android.graphics.PorterDuff
+import android.graphics.drawable.Drawable
+import android.util.Log
+import android.view.ContextThemeWrapper
+import android.view.View
+import android.widget.FrameLayout
+import android.widget.ProgressBar
+import androidx.appcompat.widget.AppCompatButton
+import androidx.core.widget.TextViewCompat
+import coil.ImageLoader
+import coil.decode.SvgDecoder
+import coil.request.ImageRequest
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.ReactContext
+import com.facebook.react.common.MapBuilder
+import com.facebook.react.uimanager.PixelUtil
+import com.facebook.react.uimanager.SimpleViewManager
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.uimanager.events.RCTEventEmitter
+
+/**
+ * PrimaryXLargeViewManager - 通用的原生按钮 ViewManager
+ *
+ * 使用原生 Button + 4参数构造函数（minSdk 24 >= API 21）
+ * 支持从 RN 侧动态传入样式名称（如 "Primary.XLarge", "Secondary.Medium" 等）
+ *
+ * 支持的样式：
+ * - Primary: XLarge, Large, Medium, Small, XSmall, XXSmall
+ * - Secondary: XLarge, Large, Medium, Small, XSmall, XXSmall
+ * - Green: XLarge, Large, Medium, Small, XSmall, XXSmall
+ * - Red: XLarge, Large, Medium, Small, XSmall, XXSmall
+ * - White: XLarge, Large, Medium, Small, XSmall, XXSmall
+ */
+/**
+ * 自定义 FrameLayout：在 onLayout 中强制为 ProgressBar 指定尺寸并居中。
+ * 原因：RN/Yoga 只管理本节点尺寸，应用布局时可能覆盖或忽略子 View 的 LayoutParams，
+ * 导致 ProgressBar 被量成 0x0。此处不依赖 LayoutParams，用 tag 存进度条尺寸并手动 layout。
+ */
+private class ButtonWithProgressLayout(context: android.content.Context) : FrameLayout(context) {
+
+    /** 进度条尺寸（px），由 ViewManager 通过 setTag 设置，onLayout 时用于强制 layout 第二子 View */
+    var progressBarSizePx: Int
+        get() = (getTag() as? Number)?.toInt() ?: 0
+        set(value) = setTag(value)
+
+    override fun onLayout(changed: Boolean, l: Int, t: Int, r: Int, b: Int) {
+        val w = r - l
+        val h = b - t
+        if (childCount < 2) {
+            super.onLayout(changed, l, t, r, b)
+            return
+        }
+        val button = getChildAt(0)
+        val progressBar = getChildAt(1)
+        val sizePx = progressBarSizePx.coerceAtLeast(0)
+        // 第一子 View：按钮 MATCH_PARENT，填满容器（支持 RN width: '100%' / flex: 1）
+        button.layout(0, 0, w, h)
+        // 第二子 View：ProgressBar，强制 sizePx x sizePx 居中（避免 Yoga/RN 导致 0x0）
+        if (sizePx > 0) {
+            val pbLeft = (w - sizePx) / 2
+            val pbTop = (h - sizePx) / 2
+            progressBar.layout(pbLeft, pbTop, pbLeft + sizePx, pbTop + sizePx)
+        } else {
+            progressBar.layout(0, 0, 0, 0)
+        }
+    }
+}
+
+class PrimaryXLargeViewManager : SimpleViewManager<FrameLayout>() {
+
+    companion object {
+        private const val TAG = "PrimaryXLargeViewManager"
+        const val REACT_CLASS = "PrimaryXLargeButton"
+        const val EVENT_ON_PRESS = "onPress"
+        const val EVENT_ON_SIZE_CHANGE = "onSizeChange"
+
+        /**
+         * 样式名称到资源 ID 的映射表
+         */
+        private val STYLE_MAP = mapOf(
+            // Primary 样式
+            "Primary.XLarge" to com.bitmart.design.R.style.Widget_BitMart4_Button_Primary_XLarge,
+            "Primary.Large" to com.bitmart.design.R.style.Widget_BitMart4_Button_Primary_Large,
+            "Primary.Medium" to com.bitmart.design.R.style.Widget_BitMart4_Button_Primary_Medium,
+            "Primary.Small" to com.bitmart.design.R.style.Widget_BitMart4_Button_Primary_Small,
+            "Primary.XSmall" to com.bitmart.design.R.style.Widget_BitMart4_Button_Primary_XSmall,
+            "Primary.XXSmall" to com.bitmart.design.R.style.Widget_BitMart4_Button_Primary_XXSmall,
+
+            // Secondary 样式
+            "Secondary.XLarge" to com.bitmart.design.R.style.Widget_BitMart4_Button_Secondary_XLarge,
+            "Secondary.Large" to com.bitmart.design.R.style.Widget_BitMart4_Button_Secondary_Large,
+            "Secondary.Medium" to com.bitmart.design.R.style.Widget_BitMart4_Button_Secondary_Medium,
+            "Secondary.Small" to com.bitmart.design.R.style.Widget_BitMart4_Button_Secondary_Small,
+            "Secondary.XSmall" to com.bitmart.design.R.style.Widget_BitMart4_Button_Secondary_XSmall,
+            "Secondary.XXSmall" to com.bitmart.design.R.style.Widget_BitMart4_Button_Secondary_XXSmall,
+
+            // Green 样式
+            "Green.XLarge" to com.bitmart.design.R.style.Widget_BitMart4_Button_Green_XLarge,
+            "Green.Large" to com.bitmart.design.R.style.Widget_BitMart4_Button_Green_Large,
+            "Green.Medium" to com.bitmart.design.R.style.Widget_BitMart4_Button_Green_Medium,
+            "Green.Small" to com.bitmart.design.R.style.Widget_BitMart4_Button_Green_Small,
+            "Green.XSmall" to com.bitmart.design.R.style.Widget_BitMart4_Button_Green_XSmall,
+            "Green.XXSmall" to com.bitmart.design.R.style.Widget_BitMart4_Button_Green_XXSmall,
+
+            // Red 样式
+            "Red.XLarge" to com.bitmart.design.R.style.Widget_BitMart4_Button_Red_XLarge,
+            "Red.Large" to com.bitmart.design.R.style.Widget_BitMart4_Button_Red_Large,
+            "Red.Medium" to com.bitmart.design.R.style.Widget_BitMart4_Button_Red_Medium,
+            "Red.Small" to com.bitmart.design.R.style.Widget_BitMart4_Button_Red_Small,
+            "Red.XSmall" to com.bitmart.design.R.style.Widget_BitMart4_Button_Red_XSmall,
+            "Red.XXSmall" to com.bitmart.design.R.style.Widget_BitMart4_Button_Red_XXSmall,
+
+            // White 样式
+            "White.XLarge" to com.bitmart.design.R.style.Widget_BitMart4_Button_White_XLarge,
+            "White.Large" to com.bitmart.design.R.style.Widget_BitMart4_Button_White_Large,
+            "White.Medium" to com.bitmart.design.R.style.Widget_BitMart4_Button_White_Medium,
+            "White.Small" to com.bitmart.design.R.style.Widget_BitMart4_Button_White_Small,
+            "White.XSmall" to com.bitmart.design.R.style.Widget_BitMart4_Button_White_XSmall,
+            "White.XXSmall" to com.bitmart.design.R.style.Widget_BitMart4_Button_White_XXSmall
+        )
+
+        /**
+         * 按钮尺寸对应的 ProgressBar 样式（与 fragment_buttons_primary.xml 一致）
+         * XLarge/Large/Medium -> Medium; Small -> Small; XSmall -> XSmall; XXSmall -> XXSmall
+         */
+        private val PROGRESS_STYLE_MAP = mapOf(
+            "Primary.XLarge" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_Medium,
+            "Primary.Large" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_Medium,
+            "Primary.Medium" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_Medium,
+            "Primary.Small" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_Small,
+            "Primary.XSmall" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_XSmall,
+            "Primary.XXSmall" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_XXSmall,
+            "Secondary.XLarge" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_Medium,
+            "Secondary.Large" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_Medium,
+            "Secondary.Medium" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_Medium,
+            "Secondary.Small" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_Small,
+            "Secondary.XSmall" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_XSmall,
+            "Secondary.XXSmall" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_XXSmall,
+            "Green.XLarge" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_Medium,
+            "Green.Large" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_Medium,
+            "Green.Medium" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_Medium,
+            "Green.Small" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_Small,
+            "Green.XSmall" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_XSmall,
+            "Green.XXSmall" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_XXSmall,
+            "Red.XLarge" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_Medium,
+            "Red.Large" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_Medium,
+            "Red.Medium" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_Medium,
+            "Red.Small" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_Small,
+            "Red.XSmall" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_XSmall,
+            "Red.XXSmall" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_XXSmall,
+            "White.XLarge" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_Medium,
+            "White.Large" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_Medium,
+            "White.Medium" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_Medium,
+            "White.Small" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_Small,
+            "White.XSmall" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_XSmall,
+            "White.XXSmall" to com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_XXSmall
+        )
+
+        fun getStyleResId(styleName: String?): Int {
+            return STYLE_MAP[styleName] ?: com.bitmart.design.R.style.Widget_BitMart4_Button_Primary_XLarge
+        }
+
+        fun getProgressBarStyleResId(styleName: String?): Int {
+            return PROGRESS_STYLE_MAP[styleName] ?: com.bitmart.design.R.style.Widget_BitMart4_ProgressBar_Medium
+        }
+
+        /** 按钮尺寸对应的 ProgressBar 尺寸 dimen（与 design 库 dimens.xml 一致）*/
+        private val PROGRESS_SIZE_DIMEN_MAP = mapOf(
+            "Primary.XLarge" to com.bitmart.design.R.dimen.bm4_progress_bar_size_medium,
+            "Primary.Large" to com.bitmart.design.R.dimen.bm4_progress_bar_size_medium,
+            "Primary.Medium" to com.bitmart.design.R.dimen.bm4_progress_bar_size_medium,
+            "Primary.Small" to com.bitmart.design.R.dimen.bm4_progress_bar_size_small,
+            "Primary.XSmall" to com.bitmart.design.R.dimen.bm4_progress_bar_size_x_small,
+            "Primary.XXSmall" to com.bitmart.design.R.dimen.bm4_progress_bar_size_xx_small,
+            "Secondary.XLarge" to com.bitmart.design.R.dimen.bm4_progress_bar_size_medium,
+            "Secondary.Large" to com.bitmart.design.R.dimen.bm4_progress_bar_size_medium,
+            "Secondary.Medium" to com.bitmart.design.R.dimen.bm4_progress_bar_size_medium,
+            "Secondary.Small" to com.bitmart.design.R.dimen.bm4_progress_bar_size_small,
+            "Secondary.XSmall" to com.bitmart.design.R.dimen.bm4_progress_bar_size_x_small,
+            "Secondary.XXSmall" to com.bitmart.design.R.dimen.bm4_progress_bar_size_xx_small,
+            "Green.XLarge" to com.bitmart.design.R.dimen.bm4_progress_bar_size_medium,
+            "Green.Large" to com.bitmart.design.R.dimen.bm4_progress_bar_size_medium,
+            "Green.Medium" to com.bitmart.design.R.dimen.bm4_progress_bar_size_medium,
+            "Green.Small" to com.bitmart.design.R.dimen.bm4_progress_bar_size_small,
+            "Green.XSmall" to com.bitmart.design.R.dimen.bm4_progress_bar_size_x_small,
+            "Green.XXSmall" to com.bitmart.design.R.dimen.bm4_progress_bar_size_xx_small,
+            "Red.XLarge" to com.bitmart.design.R.dimen.bm4_progress_bar_size_medium,
+            "Red.Large" to com.bitmart.design.R.dimen.bm4_progress_bar_size_medium,
+            "Red.Medium" to com.bitmart.design.R.dimen.bm4_progress_bar_size_medium,
+            "Red.Small" to com.bitmart.design.R.dimen.bm4_progress_bar_size_small,
+            "Red.XSmall" to com.bitmart.design.R.dimen.bm4_progress_bar_size_x_small,
+            "Red.XXSmall" to com.bitmart.design.R.dimen.bm4_progress_bar_size_xx_small,
+            "White.XLarge" to com.bitmart.design.R.dimen.bm4_progress_bar_size_medium,
+            "White.Large" to com.bitmart.design.R.dimen.bm4_progress_bar_size_medium,
+            "White.Medium" to com.bitmart.design.R.dimen.bm4_progress_bar_size_medium,
+            "White.Small" to com.bitmart.design.R.dimen.bm4_progress_bar_size_small,
+            "White.XSmall" to com.bitmart.design.R.dimen.bm4_progress_bar_size_x_small,
+            "White.XXSmall" to com.bitmart.design.R.dimen.bm4_progress_bar_size_xx_small
+        )
+
+        fun getProgressBarSizePx(context: android.content.Context, styleName: String?): Int {
+            val dimenId = PROGRESS_SIZE_DIMEN_MAP[styleName] ?: com.bitmart.design.R.dimen.bm4_progress_bar_size_medium
+            return context.resources.getDimensionPixelSize(dimenId)
+        }
+    }
+
+    // 保存按钮的样式名称和 ReactContext
+    private val buttonStyleMap = mutableMapOf<AppCompatButton, String>()
+    private val buttonContextMap = mutableMapOf<AppCompatButton, ReactContext>()
+    // 保存按钮的图标信息
+    private val buttonIconMap = mutableMapOf<AppCompatButton, IconInfo>()
+    // 包装视图 -> 按钮 / 进度条（根视图为 FrameLayout，内含 Button + ProgressBar）
+    private val wrapperToButtonMap = mutableMapOf<FrameLayout, AppCompatButton>()
+    private val wrapperToProgressBarMap = mutableMapOf<FrameLayout, ProgressBar>()
+    private val buttonToWrapperMap = mutableMapOf<AppCompatButton, FrameLayout>()
+
+    /**
+     * 图标信息数据类
+     */
+    private data class IconInfo(
+        var svgString: String? = null,
+        var iconColor: String = "#ffffff",
+        var iconPosition: String = "leading"
+    )
+
+    override fun getName(): String = REACT_CLASS
+
+    override fun createViewInstance(reactContext: ThemedReactContext): FrameLayout {
+        // 默认使用 Primary.XLarge 样式（保持向后兼容）
+        val defaultStyleName = "Primary.XLarge"
+        val styleResId = getStyleResId(defaultStyleName)
+        val progressStyleResId = getProgressBarStyleResId(defaultStyleName)
+
+        // 使用 ContextThemeWrapper 让 AppCompatButton 自动应用样式
+        val themedContext = ContextThemeWrapper(reactContext, styleResId)
+        val button = AppCompatButton(themedContext)
+        button.isAllCaps = false
+        button.gravity = android.view.Gravity.CENTER
+        // 保存样式名称和原始 ReactContext
+        buttonStyleMap[button] = defaultStyleName
+        buttonContextMap[button] = reactContext
+
+        // 手动应用背景和最小尺寸设置
+        applyBackground(button, styleResId)
+
+        // 进度条：使用 design 库的 ProgressBar 样式（与 fragment_buttons_primary.xml 一致）
+        val progressThemedContext = ContextThemeWrapper(reactContext, progressStyleResId)
+        val progressBar = ProgressBar(progressThemedContext, null, 0, progressStyleResId).apply {
+            visibility = View.GONE
+            isIndeterminate = true
+            // 尺寸样式可能未继承 indeterminateTint，显式设置白色以保证在彩色按钮上可见
+            indeterminateTintList = try {
+                ColorStateList.valueOf(reactContext.getColor(com.bitmart.design.R.color.bm4_btn_text))
+            } catch (e: Exception) {
+                ColorStateList.valueOf(Color.WHITE)
+            }
+        }
+        val progressSizePx = getProgressBarSizePx(reactContext, defaultStyleName)
+        // 使用自定义 Layout：在 onLayout 中强制为 ProgressBar 指定尺寸，避免 Yoga/RN 覆盖子 View LayoutParams 导致 0x0
+        // 按钮使用 MATCH_PARENT 填满容器，以便 RN 侧设置 width: '100%' / flex: 1 时能全宽或均分（Footer 底部按钮）
+        val wrapper = ButtonWithProgressLayout(reactContext).apply {
+            progressBarSizePx = progressSizePx
+            addView(button, FrameLayout.LayoutParams(
+                FrameLayout.LayoutParams.MATCH_PARENT,
+                FrameLayout.LayoutParams.MATCH_PARENT
+            ).apply { gravity = android.view.Gravity.CENTER })
+            addView(progressBar, FrameLayout.LayoutParams(0, 0))
+        }
+
+        wrapperToButtonMap[wrapper] = button
+        wrapperToProgressBarMap[wrapper] = progressBar
+        buttonToWrapperMap[button] = wrapper
+
+        return wrapper
+    }
+
+    /**
+     * 从包装视图获取按钮（供各 @ReactProp 使用）
+     */
+    private fun getButton(view: View): AppCompatButton? {
+        return (view as? FrameLayout)?.let { wrapperToButtonMap[it] }
+    }
+
+    /**
+     * 从包装视图获取进度条
+     */
+    private fun getProgressBar(view: View): ProgressBar? {
+        return (view as? FrameLayout)?.let { wrapperToProgressBarMap[it] }
+    }
+
+    /**
+     * 根据 styleName 更新进度条样式（尺寸变化时需同步 ProgressBar 尺寸）
+     */
+    private fun updateProgressBarStyle(wrapper: FrameLayout, styleName: String) {
+        val progressBar = wrapperToProgressBarMap[wrapper] ?: return
+        val progressStyleResId = getProgressBarStyleResId(styleName)
+        val progressThemedContext = ContextThemeWrapper(wrapper.context, progressStyleResId)
+        val newProgressBar = ProgressBar(progressThemedContext, null, 0, progressStyleResId).apply {
+            visibility = progressBar.visibility
+            isIndeterminate = true
+            indeterminateTintList = try {
+                ColorStateList.valueOf(wrapper.context.getColor(com.bitmart.design.R.color.bm4_btn_text))
+            } catch (e: Exception) {
+                ColorStateList.valueOf(Color.WHITE)
+            }
+        }
+        val progressSizePx = getProgressBarSizePx(wrapper.context, styleName)
+        val index = wrapper.indexOfChild(progressBar)
+        wrapper.removeView(progressBar)
+        wrapper.addView(newProgressBar, index, FrameLayout.LayoutParams(0, 0))
+        wrapperToProgressBarMap[wrapper] = newProgressBar
+        (wrapper as? ButtonWithProgressLayout)?.progressBarSizePx = progressSizePx
+    }
+
+    /**
+     * 设置按钮文本
+     */
+    @ReactProp(name = "text")
+    fun setText(view: View, text: String?) {
+        val button = getButton(view) ?: return
+        val oldText = button.text.toString()
+        val newText = text ?: ""
+
+        button.text = newText
+
+        // 文本变化后，测量并发送尺寸
+        if (oldText != newText) {
+            measureAndSendSize(view, button)
+        }
+    }
+
+    /**
+     * 设置样式名称（动态切换样式）
+     * @param styleName 样式名称，如 "Primary.XLarge", "Secondary.Medium" 等
+     */
+    @ReactProp(name = "styleName")
+    fun setStyleName(view: View, styleName: String?) {
+        val button = getButton(view) ?: return
+        val wrapper = view as? FrameLayout ?: return
+        if (styleName.isNullOrEmpty()) {
+            return
+        }
+
+        val currentStyle = buttonStyleMap[button]
+        if (currentStyle == styleName) {
+            return
+        }
+
+        val styleResId = getStyleResId(styleName)
+
+        if (STYLE_MAP.containsKey(styleName)) {
+            // 使用新的简化方法：重新应用完整主题
+            applyCompleteStyle(button, styleResId, styleName)
+            updateProgressBarStyle(wrapper, styleName)
+            measureAndSendSize(view, button)
+        }
+    }
+
+    /**
+     * 测量按钮尺寸并发送给 RN（使用包装视图的 id 发送事件）
+     */
+    private fun measureAndSendSize(view: View, button: AppCompatButton) {
+        val wrapper = view as? FrameLayout ?: return
+        button.post {
+            // 使用 WRAP_CONTENT 测量按钮的内在尺寸
+            val widthMeasureSpec = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED)
+            val heightMeasureSpec = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED)
+            button.measure(widthMeasureSpec, heightMeasureSpec)
+
+            val measuredWidth = button.measuredWidth
+            val measuredHeight = button.measuredHeight
+
+            // 如果 measure 返回 0，使用文字测量 + padding 作为备选方案
+            val finalWidth = if (measuredWidth > 0) {
+                measuredWidth
+            } else {
+                val textWidth = button.paint.measureText(button.text.toString())
+                (textWidth + button.paddingStart + button.paddingEnd).toInt()
+            }
+            val finalHeight = if (measuredHeight > 0) measuredHeight else button.height
+
+            // 转换为 dp
+            val widthDp = PixelUtil.toDIPFromPixel(finalWidth.toFloat())
+            val heightDp = PixelUtil.toDIPFromPixel(finalHeight.toFloat())
+
+            // 发送尺寸变化事件给 RN（使用包装视图 id）
+            val reactContext = buttonContextMap[button]
+            if (reactContext != null) {
+                val event = Arguments.createMap().apply {
+                    putDouble("width", widthDp.toDouble())
+                    putDouble("height", heightDp.toDouble())
+                }
+                reactContext.getJSModule(RCTEventEmitter::class.java)
+                    .receiveEvent(wrapper.id, EVENT_ON_SIZE_CHANGE, event)
+            }
+        }
+    }
+
+    /**
+     * 应用背景和最小尺寸设置
+     * AppCompatButton 使用 ContextThemeWrapper 后不会自动应用背景，需要手动设置
+     */
+    private fun applyBackground(button: AppCompatButton, styleResId: Int) {
+        try {
+            val context = button.context
+            val typedArray = context.obtainStyledAttributes(
+                styleResId,
+                intArrayOf(android.R.attr.background)
+            )
+
+            // 应用背景（AppCompatButton 需要手动设置）
+            typedArray.getDrawable(0)?.let {
+                button.background = it
+            }
+
+            typedArray.recycle()
+
+            // 强制设置 minWidth 和 minHeight 为 0，让按钮宽度自适应文字
+            button.minimumWidth = 0
+            button.minimumHeight = 0
+        } catch (e: Exception) {
+            Log.e(TAG, "Error applying background", e)
+        }
+    }
+
+    /**
+     * 🆕 简化的完整样式应用方法 - 自动应用所有样式，无需手动解析
+     * 通过创建临时按钮获取完整样式，然后复制到目标按钮
+     */
+    private fun applyCompleteStyle(button: AppCompatButton, styleResId: Int, styleName: String) {
+        try {
+            // 保存当前按钮状态
+            val currentText = button.text
+            val currentEnabled = button.isEnabled
+            val originalContext = buttonContextMap[button] ?: return
+
+            // 创建一个临时按钮来获取完整的样式属性
+            val themedContext = ContextThemeWrapper(originalContext, styleResId)
+            val tempButton = AppCompatButton(themedContext)
+
+            // 从临时按钮复制所有样式属性到当前按钮
+            copyButtonStyle(tempButton, button)
+
+            // 复用现有的背景应用方法（确保背景正确生效，并自动设置最小尺寸）
+            applyBackground(button, styleResId)
+
+            // 手动设置其他必要属性
+            button.isAllCaps = false
+
+            // 恢复按钮状态
+            button.text = currentText
+            button.isEnabled = currentEnabled
+
+            // 强制刷新视图以确保样式变化生效
+            button.invalidate()
+            button.requestLayout()
+
+            // 更新样式映射
+            buttonStyleMap[button] = styleName
+
+        } catch (e: Exception) {
+            // 如果新方法失败，回退到原来的方法
+            // Log.w(TAG, "Failed to apply complete style, falling back to manual approach", e)
+            // applyStyleToButton(button, styleResId)
+            // buttonStyleMap[button] = styleName
+        }
+    }
+
+    /**
+     * 🆕 从源按钮复制完整样式到目标按钮
+     */
+    private fun copyButtonStyle(sourceButton: AppCompatButton, targetButton: AppCompatButton) {
+        // 复制文本样式
+        targetButton.setTextColor(sourceButton.textColors)
+        targetButton.textSize = sourceButton.textSize / targetButton.resources.displayMetrics.scaledDensity
+        targetButton.typeface = sourceButton.typeface
+
+        // 复制 padding
+        targetButton.setPadding(
+            sourceButton.paddingStart,
+            sourceButton.paddingTop,
+            sourceButton.paddingEnd,
+            sourceButton.paddingBottom
+        )
+
+        // 复制 drawable padding
+        targetButton.compoundDrawablePadding = sourceButton.compoundDrawablePadding
+
+        // 复制 compound drawables 和 tint
+        val drawables = sourceButton.compoundDrawables
+        targetButton.setCompoundDrawables(drawables[0], drawables[1], drawables[2], drawables[3])
+        if (sourceButton.compoundDrawableTintList != null) {
+            targetButton.compoundDrawableTintList = sourceButton.compoundDrawableTintList
+        }
+
+        // 注意：背景通过单独的 applyBackground 方法处理，确保正确应用
+    }
+
+    /**
+     * ⚠️ 原有的手动解析样式方法（作为备用方案）
+     *
+     * 注意：这个方法从按钮样式的继承层次中提取属性：
+     * 1. Widget.BitMart4.Button.Primary.XLarge (具体尺寸)
+     * 2. Widget.BitMart4.Button.Primary (类型样式)
+     * 3. Widget.BitMart4.Button (基础样式)
+     *
+     * 当简化方法失败时使用，需要手动解析每个样式属性
+     */
+    private fun applyStyleToButton(button: AppCompatButton, styleResId: Int) {
+        try {
+            val context = button.context
+
+            // 获取所有需要的属性
+            val typedArray = context.obtainStyledAttributes(
+                styleResId,
+                intArrayOf(
+                    android.R.attr.background,        // 0
+                    android.R.attr.textColor,         // 1
+                    android.R.attr.paddingStart,      // 2
+                    android.R.attr.paddingEnd,        // 3
+                    android.R.attr.textAppearance,    // 4
+                    android.R.attr.drawablePadding,   // 5
+                    android.R.attr.drawableTint       // 6 - AppCompatButton 支持
+                )
+            )
+
+            // 应用背景（AppCompatButton 需要单独设置）
+            typedArray.getDrawable(0)?.let {
+                button.background = it
+            }
+
+            // 获取 textAppearance（每个尺寸都有自己的 textAppearance）
+            val textAppearanceResId = typedArray.getResourceId(4, -1)
+
+            // 获取样式中定义的 textColor（在 Primary/Secondary/等父样式中）
+            val textColorFromStyle = typedArray.getColorStateList(1)
+
+            // 应用 textAppearance（包含 fontFamily, textSize, fontWeight）
+            if (textAppearanceResId != -1) {
+                button.setTextAppearance(textAppearanceResId)
+            }
+
+            // 显式设置 textAllCaps = false（BitMart 按钮不使用大写）
+            button.isAllCaps = false
+
+            // 在 textAppearance 之后，强制应用样式中定义的 textColor
+            // 这样可以覆盖 textAppearance 中可能包含的默认颜色
+            if (textColorFromStyle != null) {
+                button.setTextColor(textColorFromStyle)
+            }
+
+            // 应用 padding
+            val paddingStart = typedArray.getDimensionPixelSize(2, button.paddingStart)
+            val paddingEnd = typedArray.getDimensionPixelSize(3, button.paddingEnd)
+            button.setPadding(paddingStart, button.paddingTop, paddingEnd, button.paddingBottom)
+
+            // 应用 drawablePadding（图标和文字之间的间距）
+            val drawablePadding = typedArray.getDimensionPixelSize(5, 0)
+            if (drawablePadding > 0) {
+                button.compoundDrawablePadding = drawablePadding
+            }
+
+            // 应用 drawableTint（AppCompatButton 支持）
+            val drawableTint = typedArray.getColorStateList(6)
+            if (drawableTint != null) {
+                TextViewCompat.setCompoundDrawableTintList(button, drawableTint)
+            }
+
+            typedArray.recycle()
+
+            // 强制设置 minWidth 和 minHeight 为 0，确保按钮宽度能根据文字内容自适应
+            button.minimumWidth = 0
+            button.minimumHeight = 0
+        } catch (e: Exception) {
+            Log.e(TAG, "Error applying style", e)
+        }
+    }
+
+    /**
+     * 设置启用状态
+     */
+    @ReactProp(name = "enabled", defaultBoolean = true)
+    fun setEnabled(view: View, enabled: Boolean) {
+        getButton(view)?.let {
+            it.isEnabled = enabled
+            it.refreshDrawableState()
+        }
+    }
+
+    /**
+     * 是否显示进度条（加载状态）。为 true 时：按钮背景移到 wrapper 上（与 ButtonContainer.migrateAttrsFrom 一致），
+     * 按钮 INVISIBLE，ProgressBar 叠在按钮形状上；为 false 时恢复。
+     * 参考 fragment_buttons_primary.xml 中 ButtonContainer + ProgressBar。
+     */
+    @ReactProp(name = "loading", defaultBoolean = false)
+    fun setLoading(view: View, loading: Boolean) {
+        val wrapper = view as? FrameLayout
+        val button = getButton(view)
+        val progressBar = getProgressBar(view)
+        if (button == null || progressBar == null) return
+        if (loading) {
+            // 与 ButtonContainer 一致：把按钮的 background 移到 wrapper，这样 loading 时仍显示按钮形状，ProgressBar 叠在上面
+            val bg = button.background
+            if (bg != null && wrapper != null) {
+                wrapper.background = bg
+                button.background = null
+            }
+            button.visibility = View.INVISIBLE
+            progressBar.visibility = View.VISIBLE
+        } else {
+            // 恢复：把 background 从 wrapper 移回按钮（仅当 wrapper 当前持有 background 时，避免初始 setLoading(false) 清空按钮）
+            if (wrapper != null && wrapper.background != null) {
+                button.background = wrapper.background
+                wrapper.background = null
+            }
+            button.visibility = View.VISIBLE
+            progressBar.visibility = View.GONE
+        }
+    }
+
+    /**
+     * 设置SVG图标字符串
+     */
+    @ReactProp(name = "iconSvgString")
+    fun setIconSvgString(view: View, svgString: String?) {
+        val button = getButton(view) ?: return
+        val iconInfo = buttonIconMap.getOrPut(button) { IconInfo() }
+        iconInfo.svgString = svgString
+        loadAndApplySvgIcon(button)
+    }
+
+    /**
+     * 设置图标颜色
+     */
+    @ReactProp(name = "iconColor")
+    fun setIconColor(view: View, color: String?) {
+        val button = getButton(view) ?: return
+        val iconInfo = buttonIconMap.getOrPut(button) { IconInfo() }
+        iconInfo.iconColor = color ?: "#ffffff"
+        loadAndApplySvgIcon(button)
+    }
+
+    /**
+     * 设置图标位置
+     */
+    @ReactProp(name = "iconPosition")
+    fun setIconPosition(view: View, position: String?) {
+        val button = getButton(view) ?: return
+        val iconInfo = buttonIconMap.getOrPut(button) { IconInfo() }
+        iconInfo.iconPosition = position ?: "leading"
+        loadAndApplySvgIcon(button)
+    }
+
+    /**
+     * 使用Coil加载并应用SVG图标
+     */
+    private fun loadAndApplySvgIcon(button: AppCompatButton) {
+        val iconInfo = buttonIconMap[button] ?: return
+        val svgString = iconInfo.svgString
+
+        if (svgString.isNullOrEmpty() || iconInfo.iconPosition == "none") {
+            button.setCompoundDrawables(null, null, null, null)
+            buttonToWrapperMap[button]?.let { measureAndSendSize(it, button) }
+            return
+        }
+
+        try {
+            val context = button.context
+            val styleName = buttonStyleMap[button] ?: "Primary.XLarge"
+            val iconSizePx = getIconSizeForStyle(styleName)
+
+            // 创建支持 SVG 的 ImageLoader（含 data:image/svg+xml;utf8 的 Fetcher）
+            val imageLoader = ImageLoader.Builder(context)
+                .components {
+                    add(DataUriFetcher.Factory())
+                    add(SvgDecoder.Factory())
+                }
+                .build()
+
+            // 使用 SvgStringData 直接传 SVG 字符串，避免 Uri 解析截断 fill="#ffffff" 等
+            val request = ImageRequest.Builder(context)
+                .data(SvgStringData(svgString))
+                .size(iconSizePx, iconSizePx)
+                .target { drawable ->
+                    try {
+                        val colorStr = iconInfo.iconColor
+                        if (!colorStr.isNullOrEmpty()) {
+                            val color = Color.parseColor(colorStr)
+                            drawable.mutate().setColorFilter(color, PorterDuff.Mode.SRC_IN)
+                        }
+                    } catch (e: Exception) {
+                        Log.e(TAG, "Failed to parse color: ${iconInfo.iconColor}", e)
+                    }
+                    drawable.setBounds(0, 0, iconSizePx, iconSizePx)
+                    applyIconToButton(button, drawable, iconInfo.iconPosition)
+                    buttonToWrapperMap[button]?.let { measureAndSendSize(it, button) }
+                }
+                .listener(
+                    onError = { _, result ->
+                        Log.e(TAG, "Coil load error: ${result.throwable.message}", result.throwable)
+                    }
+                )
+                .build()
+
+            // 执行请求
+            imageLoader.enqueue(request)
+
+        } catch (e: Exception) {
+            Log.e(TAG, "Error loading SVG icon", e)
+            button.setCompoundDrawables(null, null, null, null)
+        }
+    }
+
+    /**
+     * 应用图标到按钮
+     */
+    private fun applyIconToButton(button: AppCompatButton, drawable: Drawable, position: String) {
+        when (position) {
+            "leading" -> button.setCompoundDrawables(drawable, null, null, null)
+            "trailing" -> button.setCompoundDrawables(null, null, drawable, null)
+            else -> button.setCompoundDrawables(drawable, null, null, null)
+        }
+    }
+
+    /**
+     * 根据样式名称获取图标大小（单位：px）
+     */
+    private fun getIconSizeForStyle(styleName: String): Int {
+        return when {
+            styleName.contains("XLarge") || styleName.contains("Large") -> dpToPx(20f)
+            styleName.contains("Medium") || styleName.contains("Small") -> dpToPx(16f)
+            styleName.contains("XSmall") || styleName.contains("XXSmall") -> dpToPx(14f)
+            else -> dpToPx(20f)
+        }
+    }
+
+    /**
+     * dp 转 px
+     */
+    private fun dpToPx(dp: Float): Int {
+        val density = android.content.res.Resources.getSystem().displayMetrics.density
+        return (dp * density + 0.5f).toInt()
+    }
+
+    /**
+     * 导出事件映射
+     */
+    override fun getExportedCustomDirectEventTypeConstants(): MutableMap<String, Any>? {
+        return MapBuilder.builder<String, Any>()
+            .put(EVENT_ON_PRESS, MapBuilder.of("registrationName", EVENT_ON_PRESS))
+            .put(EVENT_ON_SIZE_CHANGE, MapBuilder.of("registrationName", EVENT_ON_SIZE_CHANGE))
+            .build()
+    }
+
+    /**
+     * 添加点击事件监听（点击在按钮上，事件使用包装视图 id）
+     */
+    override fun addEventEmitters(reactContext: ThemedReactContext, view: FrameLayout) {
+        val button = getButton(view) ?: return
+        button.setOnClickListener {
+            reactContext.getJSModule(RCTEventEmitter::class.java)
+                .receiveEvent(view.id, EVENT_ON_PRESS, null)
+        }
+    }
+
+    /**
+     * 清理资源
+     */
+    override fun onDropViewInstance(view: FrameLayout) {
+        super.onDropViewInstance(view)
+        val button = wrapperToButtonMap.remove(view)
+        wrapperToProgressBarMap.remove(view)
+        if (button != null) {
+            buttonToWrapperMap.remove(button)
+            buttonStyleMap.remove(button)
+            buttonContextMap.remove(button)
+            buttonIconMap.remove(button)
+        }
+    }
+}