@pisell/materials 1.0.875 → 1.0.876

package/es/components/table/Table/fields/link/Sort/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/number/Config/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/es/components/table/Table/fields/number/Sort/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/numberRange/Config/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/es/components/table/Table/fields/numberRange/Sort/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/oldRangePicker/Config/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/es/components/table/Table/fields/oldRangePicker/Show/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/es/components/table/Table/fields/oldRangePicker/Sort/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/pSwitch/Config/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/es/components/table/Table/fields/pSwitch/Sort/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/rangePicker/Config/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/es/components/table/Table/fields/rangePicker/Show/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/es/components/table/Table/fields/rangePicker/Sort/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/search/Config/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/es/components/table/Table/fields/search/Sort/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/select/Config/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/es/components/table/Table/fields/select/Show/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/es/components/table/Table/fields/select/Sort/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/text/Config/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/es/components/table/Table/fields/text/Sort/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/treeSelect/Config/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/es/components/table/Table/fields/treeSelect/Show/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/es/components/table/Table/fields/treeSelect/Sort/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/tableConfig/summary/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const summary: (props: any) => JSX.Element;
 export default summary;

package/es/components/table/TableFilter/SortIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface SortIconProps {
     sortOrder: null | "ascend" | "descend";
 }

package/es/components/time-picker/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const TimePicker: (props: any) => JSX.Element;
 export default TimePicker;

package/es/components/upload/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Upload: (props: any) => JSX.Element;
 export default Upload;

package/es/components/virtual-keyboard/BaseNumberKeyboard/Presets.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./Presets.less";
 export declare type PresetsItem = {
     label: string;

package/es/components/virtual-keyboard/Time/utils.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const formatStringToTime: (value: string) => {
     valueArray: string[];
     valueString: string;

package/es/components/walletCard/Guest/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Guest: (props: any) => JSX.Element;
 export default Guest;

package/es/components/walletCard/Guide/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Guide: (props: any) => JSX.Element;
 export default Guide;

package/lib/components/auto-complete-number/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AutoCompleteProps, InputNumberProps } from "antd";
 interface AutoCompleteNumberProps {
     autoCompleteProps: AutoCompleteProps;

package/lib/components/badge/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BadgeProps as OriginalBadgeprops } from 'antd';
 import './index.less';
 export interface Badgeprops extends OriginalBadgeprops {

package/lib/components/batch-editor/fields/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: {
     price: import("react").FC<import("./Price").PriceProps>;
     image: (props: import("./Image").ImageProps) => JSX.Element | null;

package/lib/components/calendar/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Calendar: (props: any) => JSX.Element;
 export default Calendar;

package/lib/components/cardPro/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const _default: (props: any) => JSX.Element;
 export default _default;

package/lib/components/checkbox/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Checkbox: (props: any) => JSX.Element;
 export default Checkbox;

package/lib/components/classicLayout/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const ClassicLayout: (props: any) => JSX.Element;
 export default ClassicLayout;

package/lib/components/colorPicker/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ColorPickerProps } from 'antd';
 declare const ColorPicker: (props: ColorPickerProps) => JSX.Element;
 export default ColorPicker;

package/lib/components/config-provider/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ConfigProviderProps as OriginalConfigProviderProps } from "antd/es/config-provider";
 import "dayjs/locale/zh-cn";
 export interface ConfigProviderProps extends OriginalConfigProviderProps {

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataSourceTableProps } from '../type';
 declare type Params = {
     pagination?: {

package/lib/components/dataSourceComponents/fields/ColorPicker/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ColorPickerProps } from './type';
 import './ReadPretty.less';
 declare const ColorPickerReadPretty: (props: ColorPickerProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/DateRangePicker/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DateRangePickerProps } from './type';
 import './ReadPretty.less';
 declare const DateRangePickerReadPretty: (props: DateRangePickerProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/IconSelect/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconSelectProps } from './type';
 import './ReadPretty.less';
 declare const IconSelectReadPretty: (props: IconSelectProps) => JSX.Element | null;

package/lib/components/dataSourceComponents/fields/Input/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from './type';
 import './ReadPretty.less';
 declare const InputReadPretty: (props: InputProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/Input.Email/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from './type';
 import './ReadPretty.less';
 declare const InputReadPretty: (props: InputProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/Input.Subdomain/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from './type';
 import './ReadPretty.less';
 declare const InputReadPretty: (props: InputProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/Input.TextArea/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TextAreaProps } from "./type";
 import "./ReadPretty.less";
 declare const TextAreaReadPretty: (props: TextAreaProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/Input.Url/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { UrlProps } from './type';
 import './ReadPretty.less';
 export declare const formatUrl: (url: string) => string;

package/lib/components/dataSourceComponents/fields/TimePicker/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TimePickerProps } from './type';
 import './ReadPretty.less';
 declare const TimePickerReadPretty: (props: TimePickerProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/Translation/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TranslationProps } from './type';
 import './ReadPretty.less';
 declare const TranslationReadPretty: (props: TranslationProps) => JSX.Element;

package/lib/components/dropdown/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Dropdown: (props: any) => JSX.Element;
 export default Dropdown;

package/lib/components/filter/components/items/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const fieldMaps: {
     text: {
         field: {

package/lib/components/filter/components/items/text/Editor/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Text: () => JSX.Element;
 export default Text;

package/lib/components/filter/components/items/text/Preview/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Text: (props: any) => JSX.Element;
 export default Text;

package/lib/components/filter/components/items/text/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

package/lib/components/pisellCard/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CardProps } from 'antd';
 import './index.less';
 export interface PisellCardProps extends CardProps {

package/lib/components/pisellDatePicker/datePickerCpt.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PickerDateProps } from 'antd/es/date-picker/generatePicker';
 import { Dayjs } from 'dayjs';
 import './detePickerCpt.less';

package/lib/components/pisellDatePicker/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const PisellDatePicker: (props: any) => JSX.Element;
 export default PisellDatePicker;

package/lib/components/pisellInformationEntry/Scan/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 export interface ScanProps {
     onChange: (val: string) => void;

package/lib/components/pisellInput/components/BankCard/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from 'antd';
 import { PisellContextType } from "../../../pisell-config-provider/context";
 import './index.less';

package/lib/components/pisellInput/components/SecurityCode/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from 'antd';
 import './index.less';
 import { PisellContextType } from "../../../pisell-config-provider/context";

package/lib/components/pisellTooltip/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TooltipPropsWithTitle } from 'antd/es/tooltip';
 import { PisellContextType } from "../pisell-config-provider/context";
 import './index.less';

package/lib/components/pisellUpload/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { UploadProps } from 'antd';
 import './index.less';
 export interface PisellUploadProps extends UploadProps {

package/lib/components/productCard/cartSkuCard/components/basicInfo/index.d.ts

@@ -15,7 +15,12 @@ interface IProps {
         num?: number;
     };
     style?: React.CSSProperties;
+    /** 作为主商品卡片展示
+     * 1. 影响商品数量 tag 的位置
+     * 2. isMain 且 type 为 a5，展示holder
+     */
     isMainProduct?: boolean;
+    type?: 'a2' | 'a5';
 }
 declare const BasicInfo: (props: IProps) => JSX.Element;
 export default BasicInfo;

package/lib/components/productCard/cartSkuCard/components/basicInfo/index.js

@@ -36,10 +36,11 @@ var import_react = __toESM(require("react"));
 var import_classnames = __toESM(require("classnames"));
 var import_utils = require("@pisell/utils");
 var import_specs = __toESM(require("../specs"));
+var import_holders = __toESM(require("../holders"));
 var import__ = require("../../index");
 var import_index = require("./index.less");
 var BasicInfo = (props) => {
-  const { isShowImage, dataSource = {}, style, isMainProduct } = props;
+  const { isShowImage, dataSource = {}, style, isMainProduct, type } = props;
   const {
     image,
     bundle,
@@ -53,17 +54,15 @@ var BasicInfo = (props) => {
     num = 1
   } = dataSource;
   const renderNumTag = () => {
-    if (num > 1)
-      return /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: (0, import_classnames.default)(`num-tag`, {
-            "is-main": isMainProduct
-          })
-        },
-        num < 100 ? num : "99+"
-      );
-    return null;
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)(`num-tag`, {
+          "is-main": isMainProduct
+        })
+      },
+      num < 100 ? num : "99+"
+    );
   };
   const hasSpecs = (bundle == null ? void 0 : bundle.length) || (options == null ? void 0 : options.length) || product_option_string;
   const renderImage = () => {
@@ -72,8 +71,12 @@ var BasicInfo = (props) => {
       return /* @__PURE__ */ import_react.default.createElement("img", { src: import_utils.image.ali(image, 64), className: `product-cover` });
     }
     const displayText = name ? name.slice(0, 2) : "";
+    console.log("xxxxxx", displayText);
     return /* @__PURE__ */ import_react.default.createElement("div", { className: `product-cover-text` }, displayText);
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__basic-info`, style: style || {} }, renderNumTag(), renderImage(), (!isShowImage || !image && !name) && num > 1 ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 26 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-name` }, name), hasSpecs ? /* @__PURE__ */ import_react.default.createElement(import_specs.default, { dataSource }) : /* @__PURE__ */ import_react.default.createElement("div", { className: `product-price` }, (0, import_utils.formatAmount)(price, 2, symbol))), /* @__PURE__ */ import_react.default.createElement("div", { className: `product-amount` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `total-amont` }, (0, import_utils.formatAmount)(total * num, 2, symbol)), origin_total && Number(total) !== Number(origin_total) ? /* @__PURE__ */ import_react.default.createElement("div", { className: `origin-amount` }, (0, import_utils.formatAmount)(origin_total * num, 2, symbol)) : null));
+  if (type === "a5") {
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__basic-info`, style: style || {} }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 26 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-name` }, name), /* @__PURE__ */ import_react.default.createElement(import_holders.default, { dataSource })));
+  }
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__basic-info`, style: style || {} }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 26 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-name` }, name), hasSpecs ? /* @__PURE__ */ import_react.default.createElement(import_specs.default, { dataSource }) : /* @__PURE__ */ import_react.default.createElement("div", { className: `product-price` }, (0, import_utils.formatAmount)(price, 2, symbol))), /* @__PURE__ */ import_react.default.createElement("div", { className: `product-amount` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `total-amont` }, (0, import_utils.formatAmount)(total * num, 2, symbol)), origin_total && Number(total) !== Number(origin_total) ? /* @__PURE__ */ import_react.default.createElement("div", { className: `origin-amount` }, (0, import_utils.formatAmount)(origin_total * num, 2, symbol)) : null));
 };
 var basicInfo_default = BasicInfo;

package/lib/components/productCard/cartSkuCard/components/basicInfo/index.less

@@ -46,9 +46,12 @@
       display: flex;
       align-items: center;
       justify-content: center;
-      font-size: 22px;
+      font-size: 20px;
       font-weight: 500;
       line-height: 1;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
 
     .product-info {

package/lib/components/productCard/cartSkuCard/components/holders/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Holders: (props: any) => JSX.Element | null;
 export default Holders;

package/lib/components/productCard/cartSkuCard/components/resources/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Resources: (props: any) => JSX.Element;
 export default Resources;

package/lib/components/productCard/cartSkuCard/components/timeRange/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import 'dayjs/locale/zh-cn';
 import 'dayjs/locale/en';
 import 'dayjs/locale/zh-tw';

package/lib/components/productCard/cartSkuCard/index.js

@@ -39,7 +39,6 @@ var import_utils = require("@pisell/utils");
 var import_locales = __toESM(require("./locales"));
 var import_basicInfo = __toESM(require("./components/basicInfo"));
 var import_discountReason = __toESM(require("./components/discountReason"));
-var import_holders = __toESM(require("./components/holders"));
 var import_timeRange = __toESM(require("./components/timeRange"));
 var import_resources = __toESM(require("./components/resources"));
 var import_packages = __toESM(require("./components/packages"));
@@ -162,7 +161,15 @@ var CartSkuCard = (props) => {
         }
       },
       /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-trash-01" })
-    ) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__content` }, isShowImage && image && /* @__PURE__ */ import_react.default.createElement("img", { src: import_utils.image.ali(image, 64), className: `product-cover` }), /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-name` }, name), /* @__PURE__ */ import_react.default.createElement(import_holders.default, { dataSource }))), /* @__PURE__ */ import_react.default.createElement(import_timeRange.default, { dataSource }), /* @__PURE__ */ import_react.default.createElement(import_resources.default, { dataSource }), /* @__PURE__ */ import_react.default.createElement(import_packages.default, { dataSource, isShowImage }), /* @__PURE__ */ import_react.default.createElement(
+    ) : null, /* @__PURE__ */ import_react.default.createElement(
+      import_basicInfo.default,
+      {
+        isShowImage: true,
+        dataSource,
+        isMainProduct: true,
+        type
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(import_timeRange.default, { dataSource }), /* @__PURE__ */ import_react.default.createElement(import_resources.default, { dataSource }), /* @__PURE__ */ import_react.default.createElement(import_packages.default, { dataSource, isShowImage }), /* @__PURE__ */ import_react.default.createElement(
       import_sales.default,
       {
         dataSource,

package/lib/components/productCard/cartSkuCard/index.less

@@ -22,48 +22,4 @@
       font-size: 20px;
     }
   }
-
-  &__content {
-    display: flex;
-    gap: 4px;
-
-    img {
-      width: 48px;
-      height: 48px;
-      flex-shrink: 0;
-      border-radius: 6px;
-    }
-
-    .product-info {
-      flex: 1;
-      display: flex;
-      align-items: center;
-      gap: 4px;
-      flex: 1 0 0;
-      flex-wrap: wrap;
-      overflow: hidden;
-      min-height: 30px;
-
-      .product-name {
-        color: var(--Gray-900, #101828);
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: 20px;
-        width: 100%;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-
-      .product-price {
-        color: var(--Gray-900, #101828);
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 500;
-        line-height: 20px;
-        width: 100%;
-      }
-    }
-  }
 }

package/lib/components/productCard/components/Action/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Action: ({ item, onAction }: any) => JSX.Element;
 export default Action;

package/lib/components/productCard/components/Divider/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Divider: ({ type }: any) => JSX.Element;
 export default Divider;

package/lib/components/productCard/components/Header/index.js

@@ -60,7 +60,8 @@ var Header = (props) => {
     price,
     symbol,
     disabled,
-    relation_products
+    relation_products,
+    num = 1
   } = item;
   const showPrice = (0, import_react.useMemo)(() => {
     return (bundle == null ? void 0 : bundle.length) > 0 || (options == null ? void 0 : options.length) > 0 || ((relation_products == null ? void 0 : relation_products.length) || 0) > 0;
@@ -71,6 +72,9 @@ var Header = (props) => {
   const showDelete = (0, import_react.useMemo)(() => {
     return isShowDelete && !disabledEdit && !disabled;
   }, [isShowDelete, disabledEdit, disabled]);
+  const renderNumTag = () => {
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`num-tag`) }, num < 100 ? num : "99+");
+  };
   const renderImage = () => {
     if (!isShowImage) return null;
     if (image) {
@@ -94,6 +98,7 @@ var Header = (props) => {
       )
     },
     showDelete ? /* @__PURE__ */ import_react.default.createElement(import_DeleteButton.default, { onDelete }) : null,
+    renderNumTag(),
     renderImage(),
     id ? /* @__PURE__ */ import_react.default.createElement(
       "div",