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

package/android/design/build.gradle

@@ -0,0 +1,51 @@
+plugins {
+    id 'com.android.library'
+    id 'org.jetbrains.kotlin.android'
+}
+
+android {
+    namespace 'com.bitmart.react'
+    compileSdk 35
+
+    defaultConfig {
+        minSdk 24
+
+        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
+        consumerProguardFiles "consumer-rules.pro"
+    }
+
+    buildTypes {
+        release {
+            minifyEnabled false
+            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
+        }
+    }
+    compileOptions {
+        coreLibraryDesugaringEnabled true
+        sourceCompatibility JavaVersion.VERSION_11
+        targetCompatibility JavaVersion.VERSION_11
+    }
+    kotlinOptions {
+        jvmTarget = '17'
+    }
+    buildFeatures {
+        viewBinding true
+    }
+}
+
+dependencies {
+    coreLibraryDesugaring 'com.android.tools:desugar_jdk_libs:2.1.4'
+    implementation 'androidx.core:core-ktx:1.13.1'
+    implementation 'androidx.appcompat:appcompat:1.7.0'
+    implementation 'com.google.android.material:material:1.12.0'
+    api("com.facebook.react:react-android")
+    api("com.facebook.react:hermes-android")
+
+    implementation('com.bitmart.android:design:0.1.0-alpha') {
+        exclude group: 'android', module: 'lint-rtl-resource-detector-publish'
+    }
+
+    // SVG support for button icons
+    implementation 'io.coil-kt:coil:2.5.0'
+    implementation 'io.coil-kt:coil-svg:2.5.0'
+}

package/android/design/consumer-rules.pro

@@ -0,0 +1 @@
+# Consumer ProGuard rules for design module.

package/android/design/proguard-rules.pro

@@ -0,0 +1 @@
+# Add project specific ProGuard rules here.

package/android/design/src/main/AndroidManifest.xml

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android" />

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

@@ -0,0 +1,42 @@
+package com.bitmart.react.design
+
+import coil.ImageLoader
+import coil.decode.DataSource
+import coil.decode.ImageSource
+import coil.fetch.Fetcher
+import coil.fetch.SourceResult
+import coil.request.Options
+import okio.Buffer
+
+/**
+ * Wrapper so Coil does not map our data through StringMapper (which would turn String into Uri
+ * and truncate SVG at '#' in e.g. fill="#ffffff").
+ */
+data class SvgStringData(val svg: String)
+
+/**
+ * Coil Fetcher for raw SVG XML string. Uses [SvgStringData] so the string is never parsed as URI.
+ */
+class DataUriFetcher(
+    private val data: SvgStringData,
+    private val options: Options,
+) : Fetcher {
+
+    override suspend fun fetch(): SourceResult {
+        val svgContent = data.svg
+        val bytes = svgContent.toByteArray(Charsets.UTF_8)
+        val source = Buffer().write(bytes)
+        val imageSource = ImageSource(source, options.context)
+        return SourceResult(
+            source = imageSource,
+            mimeType = "image/svg+xml",
+            dataSource = DataSource.MEMORY,
+        )
+    }
+
+    class Factory : Fetcher.Factory<SvgStringData> {
+        override fun create(data: SvgStringData, options: Options, imageLoader: ImageLoader): Fetcher? {
+            return if (data.svg.isNotBlank()) DataUriFetcher(data, options) else null
+        }
+    }
+}

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

@@ -0,0 +1,35 @@
+package com.bitmart.react.design
+
+import android.util.Log
+import com.facebook.react.ReactPackage
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.uimanager.ViewManager
+
+/**
+ * DesignComponentPackage - 注册 BitMart Design 组件库的 Native UI 组件
+ *
+ * 包含的 ViewManager：
+ * - PrimaryXLargeViewManager: 通用按钮组件（使用原生 Button，支持所有样式）
+ * - TextButtonViewManager: 文本按钮组件（使用原生 Button，支持 TextButton 样式）
+ */
+class DesignComponentPackage : ReactPackage {
+
+    companion object {
+        private const val TAG = "DesignComponentPackage"
+    }
+
+    override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
+        Log.d(TAG, "🟢 DesignComponentPackage.createNativeModules called")
+        // 目前没有 Native Module，只有 ViewManager
+        return emptyList()
+    }
+
+    override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
+        Log.d(TAG, "🟢 DesignComponentPackage.createViewManagers called - registering ViewManagers")
+        return listOf(
+            PrimaryXLargeViewManager(),  // ⭐ 通用按钮：支持所有样式（Primary, Secondary, Green, Red, White）
+            TextButtonViewManager()      // ⭐ 文本按钮：支持 TextButton 样式
+        )
+    }
+}