@pisell/private-materials 6.3.117 → 6.3.119

package/lib/pro/Cards/components/SKUCard/index.js

@@ -189,7 +189,7 @@ var SKUCard = ({
       },
       ((_i = skuCardConfig == null ? void 0 : skuCardConfig.disabledText) == null ? void 0 : _i.text) || import_utils.locales.getText("pisell2.pro.cards.skuCard.disabledText")
     )),
-    showImage && /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-pro-cards-sku-card-left" }, showImage && /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: "pisell-pro-cards-sku-card-image-container",
@@ -203,22 +203,19 @@ var SKUCard = ({
           className: "pisell-pro-cards-sku-card-image"
         }
       ) : /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-pro-cards-sku-card-image-default" }, titleText)
-    ),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-pro-cards-sku-card-content" }, showTitle && title && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-pro-cards-sku-card-title", style: titleStyle }, title), showSubTitle && subtitle && /* @__PURE__ */ import_react.default.createElement(
+    ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-pro-cards-sku-card-content" }, showTitle && title && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-pro-cards-sku-card-title", style: titleStyle }, title), showSubTitle && subtitle && /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: "pisell-pro-cards-sku-card-subtitle",
         style: subTitleStyle
       },
       subtitle
-    ), showPrice && price && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-pro-cards-sku-card-price", style: priceStyle }, price)),
+    ), showPrice && price && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-pro-cards-sku-card-price", style: priceStyle }, price))),
     arrow || renderRight ? /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: "pisell-pro-cards-sku-card-right",
-        style: renderRight ? {} : {
-          alignItems: "center"
-        }
+        style: renderRight ? {} : { padding: "0 8px", alignItems: "center" }
       },
       renderRight ? typeof renderRight === "function" ? renderRight() : renderRight : /* @__PURE__ */ import_react.default.createElement(
         import_materials.Iconfont,

package/lib/pro/Cards/components/SKUCard/index.less

@@ -1,9 +1,9 @@
 .pisell-pro-cards-sku-card {
   position: relative;
   display: flex;
-  padding: 8px;
+  // padding: 8px;
   align-items: center;
-  gap: 16px;
+  // gap: 16px;
   border-radius: 8px;
   border: 1px solid #d0d5dd;
   background: #ffffff;
@@ -30,6 +30,16 @@
     transform: rotate(45deg);
   }
 
+  &-left {
+    display: flex;
+    flex-direction: row;
+    flex: 1;
+    align-items: center;
+    align-self: stretch;
+    padding: 8px;
+    gap: 16px;
+  }
+
   &-with-image {
     min-height: 80px;
   }
@@ -120,4 +130,9 @@
     font-size: 14px;
     font-weight: 600;
   }
-}
+
+  &-right {
+    display: flex;
+    align-self: stretch;
+  }
+}

package/lib/pro/Cards/components/SKUCard/locales.d.ts

@@ -0,0 +1,12 @@
+declare const _default: {
+    en: {
+        'pisell2.pro.cards.skuCard.disabledText': string;
+    };
+    'zh-CN': {
+        'pisell2.pro.cards.skuCard.disabledText': string;
+    };
+    'zh-HK': {
+        'pisell2.pro.cards.skuCard.disabledText': string;
+    };
+};
+export default _default;

package/lib/pro/Cards/components/SKUCard/types.d.ts

@@ -0,0 +1,73 @@
+/// <reference types="react" />
+/**
+ * SKU Card 文本样式配置
+ */
+export interface SkuCardTextConfig {
+    /** 是否显示 */
+    visible?: boolean;
+    /** 字体大小 */
+    fontSize?: number;
+    /** 颜色 */
+    color?: string;
+    /** 字体粗细 */
+    fontWeight?: 'normal' | 'bold' | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
+    /** 展示行数 */
+    lineClamp?: number;
+}
+/**
+ * SKU Card 图片配置
+ */
+export interface SkuCardImageConfig {
+    /** 是否显示 */
+    visible?: boolean;
+    /** 宽度 */
+    width?: number;
+    /** 高度 */
+    height?: number;
+    /** 圆角 */
+    borderRadius?: number | string;
+    /** 边框 */
+    border?: string;
+}
+/**
+ * SKU Card disabled文本配置
+ */
+export interface SkuCardDisabledTextConfig extends Omit<SkuCardTextConfig, 'lineClamp'> {
+    /** 文本 */
+    text?: string;
+}
+/**
+ * SKU Card 配置
+ */
+export interface SkuCardConfig {
+    /** 主标题配置 */
+    title?: SkuCardTextConfig;
+    /** 副标题配置 */
+    subTitle?: SkuCardTextConfig;
+    /** 价格配置 */
+    price?: Omit<SkuCardTextConfig, 'lineClamp'>;
+    /** 图片配置 */
+    image?: SkuCardImageConfig;
+    /** disabled文本展示 */
+    disabledText?: SkuCardDisabledTextConfig;
+}
+export interface SKUCardProps {
+    cover?: string;
+    title?: string;
+    subtitle?: string;
+    price?: string;
+    arrow?: boolean;
+    selected?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+    renderRight?: React.ReactNode | (() => React.ReactNode);
+    /** SKU Card 配置 */
+    skuCardConfig?: SkuCardConfig;
+    /** SKU 是否禁用 */
+    skuDisabled?: boolean;
+    theme?: {
+        token?: {
+            colorPrimary?: string;
+        };
+    };
+}