@pisell/private-materials 6.5.13 → 6.5.14

package/lib/plus/productSelect/ProductCard/SkuCard/type.d.ts

@@ -0,0 +1,298 @@
+/// <reference types="react" />
+declare type BoolConfigVal = false | true;
+declare type IsVisible = 0 | 1;
+declare type SkuDisplayMode = 'display_a1' | 'display_a2' | 'display_a5' | 'display_a9' | 'display_custom';
+declare type SkuLayoutDirection = 'row' | 'column';
+declare type SkuImageSlotPosition = 'left_top' | 'left_bottom' | 'right_top' | 'right_bottom';
+declare type SkuActionType = 'icon' | 'radio' | 'checkbox' | 'button';
+declare type SkuExtraStepperSize = 'large' | 'small';
+declare type SkuFavoritePosition = 'left_top' | 'left_bottom' | 'right_top' | 'right_bottom';
+declare type SkuTagsSize = 'small' | 'medium' | 'large';
+export interface SkuCardConfig {
+    displayMode?: SkuDisplayMode;
+    layoutDirection?: SkuLayoutDirection;
+    background?: string;
+    paddingY?: number;
+    paddingX?: number;
+    marginY?: number;
+    marginX?: number;
+    radius?: number;
+    isBorderVisible?: BoolConfigVal;
+    borderWidth?: number;
+    borderColor?: string;
+    isStatusOverlayVisible?: boolean;
+    statusOverlayText?: string;
+    isFoldable?: BoolConfigVal;
+    slot?: React.ReactNode;
+}
+export interface SkuImageConfig {
+    isCover?: BoolConfigVal;
+    width?: string;
+    height?: string;
+    isTextFallback?: BoolConfigVal;
+    background?: string;
+    radius?: number;
+    slot?: React.ReactNode;
+    slotPosition?: SkuImageSlotPosition;
+}
+export interface SkuProductNameConfig {
+    isOpen?: BoolConfigVal;
+    value?: string;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+    ellipsisCount?: number;
+}
+export interface SkuProductSubtitleConfig {
+    isOpen?: BoolConfigVal;
+    value?: any;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+    ellipsisCount?: number;
+}
+export interface SkuProductPriceConfig {
+    isOpen?: BoolConfigVal;
+    isPrice?: BoolConfigVal;
+    priceFontSize?: number;
+    priceFontWeight?: number;
+    priceColor?: string;
+    isShowZeroPrice?: BoolConfigVal;
+    isShowFreePrice?: BoolConfigVal;
+    isOriginPrice?: BoolConfigVal;
+    originPriceFontSize?: number;
+    originPriceFontWeight?: number;
+    originPriceColor?: string;
+    isTaxPrice?: BoolConfigVal;
+    isCustomText?: BoolConfigVal;
+    customTextType?: string;
+    customTextValue?: number;
+    customTextMinValue?: number;
+    customTextMaxValue?: number;
+    isMiniPrice?: BoolConfigVal;
+}
+export interface SkuProductStockConfig {
+    isOpen?: BoolConfigVal;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+    customText?: React.ReactNode;
+}
+export interface SkuProductCapacityConfig {
+    isOpen?: BoolConfigVal;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+    customText?: React.ReactNode;
+}
+export interface SkuProductCountdownConfig {
+    isOpen?: BoolConfigVal;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+    customText?: React.ReactNode;
+}
+export interface SkuProductMemberPriceConfig {
+    isOpen?: BoolConfigVal;
+    isMemberPrice?: BoolConfigVal;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+    isIndicator?: BoolConfigVal;
+    indicatorBackground?: string;
+    indicatorPaddingY?: number;
+    indicatorPaddingX?: number;
+    indicatorMarginX?: number;
+    indicatorRadius?: number;
+    isIndicatorBorder?: BoolConfigVal;
+    indicatorBorderWidth?: number;
+    indicatorBorderColor?: string;
+    indicatorFontSize?: number;
+    indicatorFontWeight?: number;
+    indicatorColor?: string;
+    indicatorIcon?: React.ReactNode;
+    customText?: React.ReactNode;
+}
+export interface SkuDurationConfig {
+    isOpen?: BoolConfigVal;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+    customText?: React.ReactNode;
+}
+export interface SkuTimeConfig {
+    isOpen?: BoolConfigVal;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+    customText?: React.ReactNode;
+}
+export interface SkuResourceConfig {
+    isOpen?: BoolConfigVal;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+    customText?: React.ReactNode;
+}
+export interface SkuTextConfig {
+    paddingY?: number;
+    justifyContent?: string;
+    alignItems?: string;
+    slot?: React.ReactNode;
+}
+export interface SkuActionIconMethod {
+    icon?: React.ReactNode;
+    background?: string;
+    paddingY?: number;
+    paddingX?: number;
+    radius?: number;
+    isBorder?: BoolConfigVal;
+    borderWidth?: number;
+    borderColor?: string;
+}
+export interface SkuActionButtonMethod {
+    text?: string;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+    background?: string;
+    paddingY?: number;
+    paddingX?: number;
+    radius?: number;
+    isBorder?: BoolConfigVal;
+    borderWidth?: number;
+    borderColor?: string;
+}
+export interface SkuActionConfig {
+    isOpen?: BoolConfigVal;
+    method?: SkuActionType;
+    iconMethod?: SkuActionIconMethod;
+    radioMethod?: SkuActionIconMethod;
+    checkboxMethod?: SkuActionButtonMethod;
+    buttonMethod?: SkuActionButtonMethod;
+    slot?: React.ReactNode;
+}
+export interface SkuExtraConfig {
+    isOpen?: BoolConfigVal;
+    isStepper?: BoolConfigVal;
+    stepperSize?: SkuExtraStepperSize;
+    stepperColor?: string;
+    isFavorite?: BoolConfigVal;
+    favoritePosition?: SkuFavoritePosition;
+    favoriteIcon?: React.ReactNode;
+    favoriteBackground?: string;
+    favoritePaddingY?: number;
+    favoritePaddingX?: number;
+    favoriteRadius?: number;
+    isFavoriteBorder?: BoolConfigVal;
+    favoriteBorderWidth?: number;
+    favoriteBorderColor?: string;
+    isTooltipTag?: BoolConfigVal;
+    isTooltipTagSlot?: any;
+}
+export interface SkuTagsGroupConfig {
+    title?: any;
+    background?: string;
+    paddingY?: number;
+    paddingX?: number;
+    radius?: number;
+    isBorder?: BoolConfigVal;
+    borderWidth?: number;
+    borderColor?: string;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+}
+export interface SkuTagsConfig {
+    isOpen?: BoolConfigVal;
+    lists?: SkuTagsGroupConfig[];
+    marginX?: number;
+    size?: SkuTagsSize;
+    isShowAll?: BoolConfigVal;
+    maxCount?: number;
+}
+export interface SkuPromotionsGroupConfig {
+    title?: any;
+    background?: string;
+    paddingY?: number;
+    paddingX?: number;
+    radius?: number;
+    isBorder?: BoolConfigVal;
+    borderWidth?: number;
+    borderColor?: string;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+}
+export interface SkuPromotionsConfig {
+    isOpen?: BoolConfigVal;
+    lists?: SkuPromotionsGroupConfig[];
+    marginX?: number;
+    size?: SkuTagsSize;
+    isShowAll?: BoolConfigVal;
+    maxCount?: number;
+}
+export interface SkuStatusOverlayConfig {
+    isOpen?: BoolConfigVal;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+    text?: string;
+    background?: string;
+    slot?: React.ReactNode;
+}
+export interface SkuTextWrapConfig {
+    infoConfig?: SkuTextConfig;
+    skuNameConfig?: SkuProductNameConfig;
+    skuSubtitleConfig?: SkuProductSubtitleConfig;
+    skuPriceConfig?: SkuProductPriceConfig;
+    skuStockConfig?: SkuProductStockConfig;
+    skuCapacityConfig?: SkuProductCapacityConfig;
+    skuCountdownConfig?: SkuProductCountdownConfig;
+    skuMemberPriceConfig?: SkuProductMemberPriceConfig;
+    skuDurationConfig?: SkuDurationConfig;
+    skuTimeConfig?: SkuTimeConfig;
+    skuResourceConfig?: SkuResourceConfig;
+    skuTagsConfig?: SkuTagsConfig;
+    skuPromotionsConfig?: SkuPromotionsConfig;
+}
+export interface DataSourceConfig {
+    title?: string;
+    subtitle?: string;
+    cover?: string;
+    price?: number;
+    original_price?: number | string;
+    tax_fee?: number | string;
+    stock?: number;
+    capacity?: number;
+    countdown?: number | string;
+    member_price?: number;
+    duration?: number;
+    time?: string;
+    resource?: string;
+    sortKeys?: string[];
+    warning_lists?: string[];
+    promotions?: any[];
+    resources?: string;
+    stock_quantity?: number;
+    is_track?: IsVisible;
+    tags?: any[];
+    tooltip_tags?: any[];
+    className?: string;
+    [key: string]: any;
+}
+export interface ProductCardConfig {
+    dataSource?: DataSourceConfig;
+    skuCardConfig?: SkuCardConfig;
+    skuImageConfig?: SkuImageConfig;
+    skuTextConfig?: SkuTextWrapConfig;
+    skuActionConfig?: SkuActionConfig;
+    skuExtraConfig?: SkuExtraConfig;
+    skuStatusOverlayConfig?: SkuStatusOverlayConfig;
+    className?: string;
+    onCardClick?: (item: any, extParams?: any) => void;
+    onFavorite?: (item: any, extParams?: any) => void;
+    onAction?: (item: any, extParams?: any) => void;
+    [key: string]: any;
+}
+export {};

package/lib/plus/productSelect/ProductCard/SkuCard/type.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/productSelect/ProductCard/SkuCard/type.ts
+var type_exports = {};
+module.exports = __toCommonJS(type_exports);

package/lib/plus/productSelect/ProductCard/SkuCard/utils.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @title: 将扁平化的props转换为嵌套结构
+ * @description:
+ * @param {any} flatProps
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-09-01 11:25
+ */
+export declare const transformProps: (flatProps: any) => any;

package/lib/plus/productSelect/ProductCard/SkuCard/utils.js

@@ -0,0 +1,37 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/productSelect/ProductCard/SkuCard/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  transformProps: () => transformProps
+});
+module.exports = __toCommonJS(utils_exports);
+var import_status = require("./status");
+var transformProps = (flatProps) => {
+  const {
+    ...restProps
+  } = { ...import_status.productCardDefault, ...flatProps };
+  return {
+    ...restProps
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  transformProps
+});

package/lib/plus/productSelect/components/pisellPriceText/index.d.ts

@@ -7,6 +7,8 @@ interface IProps {
     style?: React.CSSProperties;
     prefix?: React.ReactElement;
     suffix?: React.ReactElement;
+    customPrefixText?: string;
+    customSuffixText?: string;
 }
 declare const index: (props: IProps) => JSX.Element;
 export default index;

package/lib/plus/productSelect/components/pisellPriceText/index.js

@@ -40,14 +40,15 @@ var import_index = require("./index.less");
 var index = (props) => {
   var _a, _b;
   const context = (0, import_useEngineContext.default)();
-  const { value } = props;
+  const { value, customPrefixText, customSuffixText } = props;
   const locale = ((_b = (_a = context.appHelper.utils) == null ? void 0 : _a.storage) == null ? void 0 : _b.get("umi_locale")) || "en";
   const [_prefix, _suffix] = (0, import_react.useMemo)(() => {
     if (!props.isMini) return ["", ""];
-    if (!locale) return ["From", ""];
-    if (locale.toLowerCase().includes("zh")) return ["", "起"];
-    return ["From", ""];
-  }, [locale, props.isMini]);
+    if (!locale) return [customPrefixText || "From", ""];
+    if (locale.toLowerCase().includes("zh"))
+      return ["", customSuffixText || "起"];
+    return [customPrefixText || "From", ""];
+  }, [locale, props.isMini, customPrefixText, customSuffixText]);
   return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-price-text", props.className) }, props.prefix, _prefix ? /* @__PURE__ */ import_react.default.createElement(
     "span",
     {

package/lib/pro/priceKeyboard/components/cashKeyboard/CashKeyboardIntact.js

@@ -33,6 +33,7 @@ __export(CashKeyboardIntact_exports, {
 });
 module.exports = __toCommonJS(CashKeyboardIntact_exports);
 var import_react = __toESM(require("react"));
+var import_antd = require("antd");
 var import_ahooks = require("ahooks");
 var import_lodash = require("lodash");
 var import_utils = require("@pisell/utils");
@@ -234,17 +235,35 @@ var CashKeyboardIntact = (props) => {
       },
       /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-cash-keyboard-intact-container-top-label" }, mergedDisplayField.balanceDue.label),
       /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-cash-keyboard-intact-container-top-value" }, /* @__PURE__ */ import_react.default.createElement(
-        import_materials2.AutoResizeText,
+        import_antd.Tooltip,
         {
-          minFontSizePx: 10,
-          maxFontSizePx: 14,
-          fontSizePrecisionPx: 0.5
+          title: (0, import_utils3.formatAmountWithOptions)(
+            originalValue || "",
+            amountSymbol,
+            {
+              precision: 2,
+              hideDecimalForWholeNumbers: false,
+              showCurrencySymbol: true
+            }
+          )
         },
-        (0, import_utils3.formatAmountWithOptions)(originalValue || "", amountSymbol, {
-          precision: 2,
-          hideDecimalForWholeNumbers: false,
-          showCurrencySymbol: true
-        })
+        /* @__PURE__ */ import_react.default.createElement(
+          import_materials2.AutoResizeText,
+          {
+            minFontSizePx: 10,
+            maxFontSizePx: 18,
+            fontSizePrecisionPx: 0.5
+          },
+          (0, import_utils3.formatAmountWithOptions)(
+            originalValue || "",
+            amountSymbol,
+            {
+              precision: 2,
+              hideDecimalForWholeNumbers: false,
+              showCurrencySymbol: true
+            }
+          )
+        )
       ))
     ), ((_b = mergedDisplayField.cashReceived) == null ? void 0 : _b.visible) && /* @__PURE__ */ import_react.default.createElement(
       "div",
@@ -281,19 +300,15 @@ var CashKeyboardIntact = (props) => {
             },
             mergedDisplayField.cashReceived.label
           ),
-          value: internalValue ? /* @__PURE__ */ import_react.default.createElement(
-            import_materials2.AutoResizeText,
+          value: internalValue ? (0, import_utils3.formatAmountWithOptions)(
+            internalValue || "",
+            amountSymbol,
             {
-              minFontSizePx: 10,
-              maxFontSizePx: 14,
-              fontSizePrecisionPx: 0.5
-            },
-            (0, import_utils3.formatAmountWithOptions)(internalValue || "", amountSymbol, {
               value: internalValue,
               hideDecimalForWholeNumbers: false,
               precision: 2,
               showCurrencySymbol: true
-            })
+            }
           ) : "",
           height: 30,
           fontSize: 20,
@@ -315,18 +330,37 @@ var CashKeyboardIntact = (props) => {
       },
       /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-cash-keyboard-intact-container-top-label" }, mergedDisplayField.changeDue.label),
       /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-cash-keyboard-intact-container-top-value" }, /* @__PURE__ */ import_react.default.createElement(
-        import_materials2.AutoResizeText,
+        import_antd.Tooltip,
         {
-          minFontSizePx: 10,
-          maxFontSizePx: 14,
-          fontSizePrecisionPx: 0.5
+          title: (0, import_utils3.formatAmountWithOptions)(
+            hiddenChangeDue ? 0 : changeDue,
+            amountSymbol,
+            {
+              value: hiddenChangeDue ? 0 : changeDue,
+              showCurrencySymbol: true,
+              hideDecimalForWholeNumbers: false,
+              precision: 2
+            }
+          )
         },
-        (0, import_utils3.formatAmountWithOptions)(hiddenChangeDue ? 0 : changeDue, amountSymbol, {
-          value: hiddenChangeDue ? 0 : changeDue,
-          showCurrencySymbol: true,
-          hideDecimalForWholeNumbers: false,
-          precision: 2
-        })
+        /* @__PURE__ */ import_react.default.createElement(
+          import_materials2.AutoResizeText,
+          {
+            minFontSizePx: 10,
+            maxFontSizePx: 18,
+            fontSizePrecisionPx: 0.5
+          },
+          (0, import_utils3.formatAmountWithOptions)(
+            hiddenChangeDue ? 0 : changeDue,
+            amountSymbol,
+            {
+              value: hiddenChangeDue ? 0 : changeDue,
+              showCurrencySymbol: true,
+              hideDecimalForWholeNumbers: false,
+              precision: 2
+            }
+          )
+        )
       ))
     )), /* @__PURE__ */ import_react.default.createElement(
       import_shortcuts.default,

package/lib/pro/priceKeyboard/components/cashKeyboard/index.less

@@ -49,8 +49,7 @@
         display: flex;
         flex-direction: column;
         justify-content: center;
-        gap: 4px;
-        padding-top: 4px;
+        padding: 6px 0;
 
         .pisell-cash-keyboard-intact-container-top-label {
           font-size: 14px;