@yorkjs/hive-ui 0.1.6 → 0.1.8

package/package.json

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

package/src/components/Alert/index.tsx

@@ -22,7 +22,7 @@ export interface AlertProps {
   onClose?: () => void
   showAnimation?: boolean
   duration?: number
-  onChange?: () => void
+  onClick?: () => void
   showArrow?: boolean
   borderRadius?: number
   className?: string
@@ -47,7 +47,7 @@ const Alert: React.FC<AlertProps> = ({
   onClose,
   showAnimation = false,
   duration = 0,
-  onChange,
+  onClick,
   showArrow = false,
   borderRadius = 0,
   className,
@@ -110,7 +110,7 @@ const Alert: React.FC<AlertProps> = ({
       handleClose()
     }
 
-    onChange?.()
+    onClick?.()
   }
 
   useEffect(() => {
@@ -125,7 +125,7 @@ const Alert: React.FC<AlertProps> = ({
   return (
     <View
       className={formatClassNames(styles['alert-container'], className, {
-        [styles['is-pressable']]: !!onChange,
+        [styles['is-pressable']]: !!onClick,
         [styles['show-animation']]: showAnimation,
         [styles['is-leaving']]: isLeaving
       })}
@@ -249,7 +249,7 @@ const Alert: React.FC<AlertProps> = ({
             </View>
           )}
 
-          {(showArrow || (!showArrow && onChange)) && !closable && (
+          {(showArrow || (!showArrow && onClick)) && !closable && (
             <Icon
               name="right"
               color={config.color}

package/src/components/Card/index.module.styl

@@ -12,4 +12,8 @@
   &.show-bottom-gutter
     margin-bottom $GUTTER_BLANK
   &.show-top-blank
-    margin-top $CARD_BLANK
+    margin-top $CARD_BLANK
+  &.is-clickable
+    cursor pointer
+    &:active
+      background-color rgba(0, 0, 0, 0.03)

package/src/components/Card/index.tsx

@@ -10,6 +10,7 @@ export interface CardProps {
   showBottomGutter?: boolean
   showTopBlank?: boolean
   children?: React.ReactNode
+  clickable?: boolean
   onClick?: () => void
 }
 
@@ -17,13 +18,17 @@ const CellCard: React.FC<CardProps> = ({
   showTopGutter = false,
   showBottomGutter = false,
   showTopBlank = false,
+  clickable,
   onClick,
   className,
   children
 }) => {
+  const isClickable = clickable !== undefined ? clickable : !!onClick
+
   const combinedClass = formatClassNames(
     styles['card'],
     {
+      [styles['is-clickable']]: isClickable,
       [styles['show-top-gutter']]: showTopGutter,
       [styles['show-bottom-gutter']]: showBottomGutter,
       [styles['show-top-blank']]: showTopBlank,

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

@@ -71,10 +71,13 @@
         width 100%
         lineClamp(1)
 
+      .flow-item-time-container
+        display flex
+        margin-top 5PX
+
       .flow-item-time
         font-size 12PX
         color var(--textMuted)
-        margin-top 5PX
         text-align left
 
     .flow-item-right

package/src/item/FlowItem/index.tsx

@@ -14,7 +14,7 @@ interface IProps {
   /** 标题 */
   title?: string
   /** 时间或下方副标题 */
-  time?: string
+  time?: string | React.ReactNode
   /** 右侧金额 */
   amount?: string | number
   /** 金额颜色，不传默认 */
@@ -80,9 +80,17 @@ const FlowItem: React.FC<IProps> = (props) => {
             {
               !isEmpty(time)
               ? (
-                <Text className="flow-item-time">
-                  {time}
-                </Text>
+                <View className="flow-item-time-container">
+                  {
+                    typeof time === 'string'
+                    ? (
+                      <Text className="flow-item-time">{time}</Text>
+                    )
+                    : (
+                      time
+                    )
+                  }
+                </View>
               )
               : undefined
             }

package/src/util/function.ts

@@ -147,7 +147,6 @@ export default function getResponsiveImage(options: IGetResponsiveImageOptions):
     const mode = noCrop ? 2 : 1
     finalUrl += `?imageView2/${mode}/${suffix.join('/')}`
   }
-  console.log("🚀 ~ getResponsiveImage ~ finalUrl:", finalUrl)
 
   return formatAssetUrl(finalUrl)
 }