@yorkjs/hive-ui 0.0.8 → 0.0.9

package/package.json

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

package/src/item/ProductItem/ProductItem.tsx

@@ -62,6 +62,8 @@ export interface IProductCardProps {
   saleCount?: string | number
   /** 商品条码 */
   barcode?: string
+  /** 自定义标签 */
+  customTags?: React.ReactNode
   /** 规格描述文案 (如: 红色, 大号) */
   spec?: string
   /** 规格描述最大显示行数 (默认1) */
@@ -113,6 +115,7 @@ const ProductItem: React.FC<IProductCardProps> = (props) => {
     title,
     titleMaxLines = 1,
     productType,
+    customTags,
     showMultipleSpec,
     stockCount,
     saleCount,
@@ -229,7 +232,7 @@ const ProductItem: React.FC<IProductCardProps> = (props) => {
     })
   }, [deliveryTypes, labels])
 
-    const stockAndSaleElem = useMemo(() => {
+  const stockAndSaleElem = useMemo(() => {
     if (!stockCount && !saleCount) return null
     return (
       <View className={styles['stock-and-sale']}>
@@ -306,6 +309,7 @@ const ProductItem: React.FC<IProductCardProps> = (props) => {
                   </View>
                 </ScrollView>
               )}
+              {customTags}
               {(activityType || deliveryTags) && (
                 <View className={styles['tag-row']}>
                   {activityType && labels.activity_type && (

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

@@ -1,60 +0,0 @@
-@import '../../styles/mixin.styl'
-
-$CELL_PADDING_HORIZONTAL = 16PX
-$CELL_PADDING_VERTICAL = 14PX
-$TITLE_FONT_SIZE = 16PX
-
-.field-card-container
-  border-radius 10PX
-  background-color var(--containerCard)
-  margin 0 12PX
-  margin-bottom 12PX
-  overflow visible
-
-.card-header
-  display flex
-  flex-direction row
-  align-items center
-  justify-content space-between
-  padding $CELL_PADDING_VERTICAL $CELL_PADDING_HORIZONTAL
-  position relative
-  min-height 48PX
-  box-sizing border-box
-  halfBorder(bottom, var(--lineBorder))
-
-  .header-left
-    flex 1
-    display flex
-    flex-direction row
-    align-items center
-    min-width 0
-
-  .header-title
-    color var(--textTitle)
-    font-size $TITLE_FONT_SIZE
-    font-weight 500
-    line-height 1.4
-    lineClamp(1)
-
-  .edit-icon
-    margin-left 6PX
-    color var(--textMuted)
-    flex-shrink 0
-
-  .header-extra
-    margin-left 12PX
-    flex-shrink 0
-    display flex
-    align-items center
-    // 动作区域通常字号稍小
-    font-size 14PX
-
-    .action-text
-      color #FF4D4F
-
-    .action-link
-      color var(--primary)
-
-.card-content
-  border-radius 0 0 10PX 10PX
-  overflow hidden

package/src/components/FieldCard/index.tsx

@@ -1,83 +0,0 @@
-import React from 'react'
-import { View, Text, ITouchEvent } from '@tarojs/components'
-
-import { formatClassNames } from '../../util/function'
-import Icon  from '../Icon'
-
-import styles from './index.module.styl'
-
-export interface FieldCardProps {
-  /** 标题内容 */
-  title: string
-  /** 是否显示标题旁的编辑小图标 */
-  showEditIcon?: boolean
-  /** 右侧动作区域：支持字符串、Icon 或自定义节点 */
-  extra?: React.ReactNode
-  /** 点击整个 Header 区域的回调 */
-  onHeaderClick?: (e: ITouchEvent) => void
-  /** 点击右侧 extra 区域的回调 (如果传了 extra 且需要独立点击) */
-  onExtraClick?: (e: ITouchEvent) => void
-  /** 子组件 */
-  children?: React.ReactNode
-  /** 外部样式 */
-  className?: string
-}
-
-const FieldCard: React.FC<FieldCardProps> = (props) => {
-  const {
-    title,
-    showEditIcon = false,
-    extra,
-    onHeaderClick,
-    onExtraClick,
-    children,
-    className
-  } = props
-
-  const handleExtraClick = (e: ITouchEvent) => {
-    if (onExtraClick) {
-      e.stopPropagation()
-      onExtraClick(e)
-    }
-  }
-
-  return (
-    <View className={formatClassNames(styles['field-card-container'], className)}>
-      <View className={styles['card-header']} onClick={onHeaderClick}>
-        <View className={styles['header-left']}>
-          <Text className={styles['header-title']}>{title}</Text>
-          {
-            showEditIcon
-            ? (
-              <Icon name='edit' size={14} className={styles['edit-icon']} />
-            )
-            : undefined
-          }
-        </View>
-
-        {extra && (
-          <View
-            className={styles['header-extra']}
-            onClick={handleExtraClick}
-          >
-            {
-              typeof extra === 'string'
-              ? (
-                <Text className={styles['action-text']}>{extra}</Text>
-              )
-              : (
-                extra
-              )
-            }
-          </View>
-        )}
-      </View>
-
-      <View className={styles['card-content']}>
-        {children}
-      </View>
-    </View>
-  )
-}
-
-export default FieldCard