@yorkjs/hive-ui 2.3.6 → 2.3.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yorkjs/hive-ui",
-  "version": "2.3.6",
+  "version": "2.3.8",
   "description": "Hive UI - Taro React component library",
   "main": "src/index.ts",
   "module": "src/index.ts",

package/src/index.ts

@@ -15,7 +15,7 @@ export { default as Alert } from './components/Alert'
 export { default as Switch } from './components/Switch'
 export { default as SimpleModal } from './components/SimpleModal'
 export { default as Progress } from './components/Progress'
-export { default as StatsCard, type StatsCardItem, type StatsCardProps } from './components/StatsCard'
+export { default as StatsCard, StatsCardItem, StatsCardProps } from './components/StatsCard'
 
 export { default as FlowItem } from './item/FlowItem'
 export { default as ListItem } from './item/ListItem'
@@ -23,16 +23,16 @@ export { default as ProductItem, setProductItemConfig } from './item/ProductItem
 
 export {
   default as Table,
-  type TableProps,
-  type TableColumn,
+  TableProps,
+  TableColumn,
 } from './components/Table'
 
 export {
   default as RichTextEditor,
-  type RichTextEditorProps,
-  type RichTextBlock,
-  type RichTextTextBlock,
-  type RichTextImageBlock,
-  type RichTextAlign,
-  type RichTextBlockType,
+  RichTextEditorProps,
+  RichTextBlock,
+  RichTextTextBlock,
+  RichTextImageBlock,
+  RichTextAlign,
+  RichTextBlockType,
 } from './components/RichTextEditor'

package/src/item/FlowItem/index.module.styl

@@ -110,10 +110,19 @@
       align-items flex-end
       flex-shrink 0
 
+      .flow-item-amount-row
+        display flex
+        flex-direction row
+        align-items center
+
       .flow-item-amount
         font-size 16PX
         color var(--textTitle)
 
+      .flow-item-amount-status
+        margin-left 5PX
+        font-size 16PX
+
       .flow-item-desc
         margin-top 5PX
         font-size 12PX

package/src/item/FlowItem/index.tsx

@@ -21,6 +21,10 @@ interface IProps {
   amount?: string | number
   /** 金额颜色，不传默认 */
   amountColor?: string
+  /** 金额右侧的状态文字（如"已退款"） */
+  amountStatus?: string
+  /** 状态文字颜色 */
+  amountStatusColor?: string
   /** 右侧下方的描述或状态 */
   desc?: string
   /** 描述文字颜色 */
@@ -40,6 +44,8 @@ const FlowItem: React.FC<IProps> = (props) => {
     titleExtra,
     amount,
     amountColor,
+    amountStatus,
+    amountStatusColor,
     desc,
     descColor,
     showSeparator = true,
@@ -128,12 +134,26 @@ const FlowItem: React.FC<IProps> = (props) => {
           {
             amount !== undefined
             ? (
-              <Text
-                className="flow-item-amount"
-                style={amountColor ? { color: amountColor } : {}}
-              >
-                {amount}
-              </Text>
+              <View className="flow-item-amount-row">
+                <Text
+                  className="flow-item-amount"
+                  style={amountColor ? { color: amountColor } : {}}
+                >
+                  {amount}
+                </Text>
+                {
+                  !isEmpty(amountStatus)
+                  ? (
+                    <Text
+                      className="flow-item-amount-status"
+                      style={amountStatusColor ? { color: amountStatusColor } : {}}
+                    >
+                      {amountStatus}
+                    </Text>
+                  )
+                  : undefined
+                }
+              </View>
             )
             : undefined
           }