@pisell/materials 6.11.107 → 6.11.109

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

@@ -151,14 +151,6 @@
       }
     }
 
-    &--weighing {
-      .product-info .product-name {
-        font-size: 18px;
-        line-height: 1.3;
-        letter-spacing: -0.01em;
-      }
-    }
-
     .product-info-a9, .product-info-a5 {
       display: flex;
       justify-content: space-between;

package/es/components/productCard/cartSkuCard/components/discountReason/index.d.ts

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

package/es/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/es/components/productCard/cartSkuCard/components/packages/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface IProps {
     isShowImage?: boolean;

package/es/components/productCard/cartSkuCard/components/packages/utils.d.ts

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;

package/es/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 | null;
 export default Resources;

package/es/components/productCard/cartSkuCard/components/resources/index.less

@@ -15,6 +15,10 @@
     overflow: hidden;
     text-overflow: ellipsis;
     margin: 0;
+
+    .resource-icon {
+      margin-right: 2px;
+    }
   }
 
   &--title {

package/es/components/productCard/cartSkuCard/components/sales/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface IProps {
     hideDivider?: boolean;

package/es/components/productCard/cartSkuCard/components/specs/index.js

@@ -14,7 +14,11 @@ var Specs = function Specs(props) {
     product_option_string = dataSource.product_option_string,
     symbol = dataSource.symbol;
   var more = /*#__PURE__*/React.createElement("div", {
-    className: "".concat(PREFIX, "__specs-more")
+    style: {
+      color: '#667085',
+      fontSize: 10,
+      lineHeight: '10px'
+    }
   }, locales.getText('pisell2.cart.sku-card.more'));
 
   /**

package/es/components/productCard/cartSkuCard/components/specs/index.less

@@ -8,13 +8,6 @@
   word-wrap: break-word;
   overflow: hidden;
 
-  &-more {
-    color: #667085;
-    font-size: 10px;
-    line-height: 10px;
-    letter-spacing: normal;
-  }
-
   > div {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -44,26 +37,9 @@
   display: flex;
   flex-direction: column;
   width: 100%;
-
-  .pisell-cart-sku-card__product-meta--weighing & {
-    .pisell-lowcode-packages-product-bundle-option {
-      font-size: var(--pisell-cart-sku-card-physical-text-height, 4mm);
-      line-height: 1.3;
-      letter-spacing: -0.04em;
-    }
-  }
-
   .option-string-wrap {
     .pisell-cart-sku-card__specs > div {
       white-space: normal;
     }
   }
 }
-
-.pisell-cart-sku-card__product-meta--weighing {
-  .pisell-cart-sku-card__specs {
-    font-size: var(--pisell-cart-sku-card-physical-text-height, 4mm);
-    line-height: 1.3;
-    letter-spacing: -0.04em;
-  }
-}

package/es/components/productCard/cartSkuCard/components/swipeAction/index.d.ts

@@ -0,0 +1,46 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+declare type NativeProps<S extends string = never> = {
+    className?: string;
+    style?: React.CSSProperties & Partial<Record<S, string>>;
+};
+declare type PropagationEvent = 'click';
+import './index.less';
+declare type SideType = 'left' | 'right';
+export declare type SwipeActionRef = {
+    close: () => void;
+    show: (side?: SideType) => void;
+};
+declare type ActionColor = 'light' | 'weak' | 'primary' | 'success' | 'warning' | 'danger';
+export declare type Action = {
+    key: string | number;
+    text: ReactNode;
+    color?: ActionColor | string;
+    onClick?: (e: React.MouseEvent) => void;
+    style?: React.CSSProperties;
+};
+export declare type SwipeActionProps = {
+    rightActions?: Action[];
+    leftActions?: Action[];
+    onAction?: (action: Action, e: React.MouseEvent) => void;
+    closeOnTouchOutside?: boolean;
+    closeOnAction?: boolean;
+    children: ReactNode;
+    stopPropagation?: PropagationEvent[];
+    onActionsReveal?: (side: SideType) => void;
+    onClose?: () => void;
+    escapeDom?: string;
+} & NativeProps<'--background'>;
+export declare const SwipeAction: React.ForwardRefExoticComponent<{
+    rightActions?: Action[] | undefined;
+    leftActions?: Action[] | undefined;
+    onAction?: ((action: Action, e: React.MouseEvent) => void) | undefined;
+    closeOnTouchOutside?: boolean | undefined;
+    closeOnAction?: boolean | undefined;
+    children: ReactNode;
+    stopPropagation?: "click"[] | undefined;
+    onActionsReveal?: ((side: SideType) => void) | undefined;
+    onClose?: (() => void) | undefined;
+    escapeDom?: string | undefined;
+} & NativeProps<"--background"> & React.RefAttributes<SwipeActionRef>>;
+export {};

package/es/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/es/components/productCard/cartSkuCard/components/weighing/index.js

@@ -35,7 +35,6 @@ var Weighing = function Weighing(props) {
   var netLabel = locales.getText('pisell2.cart.sku-card.weighing.net');
   var unitPriceText = "".concat(symbol || '').concat(unit_price !== null && unit_price !== void 0 ? unit_price : '0.00');
   var manualPrefix = isManualWeight ? '(M) ' : '';
-  var netWeightText = "".concat(tareValue > 0 ? '' : manualPrefix).concat(formatWeight(net_weight, unit), " ").concat(netLabel);
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(PREFIX, "__weighing")
   }, tareValue > 0 ? /*#__PURE__*/React.createElement("div", {
@@ -44,8 +43,6 @@ var Weighing = function Weighing(props) {
     className: "".concat(PREFIX, "__weighing-row ").concat(PREFIX, "__weighing-row--large")
   }, /*#__PURE__*/React.createElement("span", null, "".concat(tareLabel, ": ").concat(formatWeight(tare === null || tare === void 0 ? void 0 : tare.value, (tare === null || tare === void 0 ? void 0 : tare.unit) || unit)))) : null, /*#__PURE__*/React.createElement("div", {
     className: "".concat(PREFIX, "__weighing-row ").concat(PREFIX, "__weighing-row--large")
-  }, /*#__PURE__*/React.createElement("span", null, netWeightText), /*#__PURE__*/React.createElement("span", {
-    className: "".concat(PREFIX, "__weighing-unit-price")
-  }, "@ ".concat(unitPriceText, "/").concat(unitLabel))));
+  }, /*#__PURE__*/React.createElement("span", null, "".concat(tareValue > 0 ? '' : manualPrefix).concat(formatWeight(net_weight, unit), " ").concat(netLabel, " @ ").concat(unitPriceText, "/").concat(unitLabel))));
 };
 export default Weighing;

package/es/components/productCard/cartSkuCard/components/weighing/index.less

@@ -23,13 +23,10 @@
     }
 
     &--large {
-      font-size: var(--pisell-cart-sku-card-physical-text-height, 4mm) !important;
-      line-height: 1.3;
-      letter-spacing: -0.04em;
+      font-size: 14px;
+      line-height: 20px;
       align-items: flex-start;
       flex-wrap: wrap;
-      column-gap: 2px;
-      row-gap: 0;
       overflow: visible;
       white-space: normal;
       text-overflow: clip;
@@ -43,9 +40,4 @@
       }
     }
   }
-
-  &-unit-price {
-    flex-shrink: 0;
-    white-space: nowrap !important;
-  }
 }

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

@@ -5,8 +5,6 @@
 }
 
 .pisell-cart-sku-card {
-  --pisell-cart-sku-card-physical-text-height: 30px;
-
   padding: 4px 8px 4px 4px;
   border-radius: inherit;
   user-select: none;

package/es/components/productCard/cartSkuCard/locales.d.ts

@@ -0,0 +1,203 @@
+declare const _default: {
+    en: {
+        'pisell2.product.card.discount.reason': string;
+        'pisell2.cart.sku-card.more': string;
+        'pisell2.cart.sku-card.packages.title': string;
+        'pisell2.cart.sku-card.sales.title': string;
+        'pisell2.cart.sku-card.actions.delete': string;
+        'pisell2.cart.sku-card.unassigned': string;
+        'pisell2.cart.sku-card.weighing.gross': string;
+        'pisell2.cart.sku-card.weighing.manual': string;
+        'pisell2.cart.sku-card.weighing.tare': string;
+        'pisell2.cart.sku-card.weighing.net': string;
+        'pisell2.cart.sku-card.weighing.noTare': string;
+        'pisell2.cart.sku-card.gift.title': string;
+        'pisell2.cart.sku-card.gift.select.title': string;
+        'pisell2.cart.sku-card.gift.total': (num: number) => string;
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.minute': (val: number) => string;
+        'pisell2.product.card.discount.note': string;
+        'pisell2.product.card.edit': string;
+        'pisell2.product.card.discount.add.note': string;
+        'pisell2.product.card.discount.edit.note': string;
+        'pisell2.product.card.confirm': string;
+        'pisell2.product.card.cancel': string;
+        'pisell2.product.card.note.pla': string;
+        'pisell2.product.card.items.package': string;
+        'pisell2.product.card.view-all': string;
+        'pisell2.product.card.view-less': string;
+        'pisell2.product.card.add.holder.button.text': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder.multiple': (num: number, val: string) => string;
+        'pisell2.product.card.add.holder.modal.title.1': string;
+        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
+        'pisell2.product.card.sales': string;
+        'pisell2.product.card.add.holder.modal.cancel': string;
+        'pisell2.product.card.add.holder.modal.clear': string;
+        'pisell2.product.card.add.holder.modal.apply': string;
+        'pisell2.product.card.add.holder.modal.add': string;
+        'pisell2.product.card.closing-soon.warning': string;
+    };
+    'zh-CN': {
+        'pisell2.product.card.discount.reason': string;
+        'pisell2.cart.sku-card.more': string;
+        'pisell2.cart.sku-card.packages.title': string;
+        'pisell2.cart.sku-card.sales.title': string;
+        'pisell2.cart.sku-card.actions.delete': string;
+        'pisell2.cart.sku-card.unassigned': string;
+        'pisell2.cart.sku-card.weighing.gross': string;
+        'pisell2.cart.sku-card.weighing.manual': string;
+        'pisell2.cart.sku-card.weighing.tare': string;
+        'pisell2.cart.sku-card.weighing.net': string;
+        'pisell2.cart.sku-card.weighing.noTare': string;
+        'pisell2.cart.sku-card.gift.title': string;
+        'pisell2.cart.sku-card.gift.select.title': string;
+        'pisell2.cart.sku-card.gift.total': (num: number) => string;
+        'pisell2.product.card.edit': string;
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.minute': (val: number) => string;
+        'pisell2.product.card.discount.note': string;
+        'pisell2.product.card.discount.add.note': string;
+        'pisell2.product.card.discount.edit.note': string;
+        'pisell2.product.card.confirm': string;
+        'pisell2.product.card.cancel': string;
+        'pisell2.product.card.note.pla': string;
+        'pisell2.product.card.items.package': string;
+        'pisell2.product.card.view-all': string;
+        'pisell2.product.card.view-less': string;
+        'pisell2.product.card.add.holder.button.text': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder.multiple': (num: number, val: string) => string;
+        'pisell2.product.card.add.holder.modal.title.1': string;
+        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
+        'pisell2.product.card.sales': string;
+        'pisell2.product.card.add.holder.modal.cancel': string;
+        'pisell2.product.card.add.holder.modal.clear': string;
+        'pisell2.product.card.add.holder.modal.apply': string;
+        'pisell2.product.card.add.holder.modal.add': string;
+        'pisell2.product.card.closing-soon.warning': string;
+    };
+    'zh-HK': {
+        'pisell2.product.card.discount.reason': string;
+        'pisell2.cart.sku-card.more': string;
+        'pisell2.cart.sku-card.packages.title': string;
+        'pisell2.cart.sku-card.sales.title': string;
+        'pisell2.cart.sku-card.actions.delete': string;
+        'pisell2.cart.sku-card.unassigned': string;
+        'pisell2.cart.sku-card.weighing.gross': string;
+        'pisell2.cart.sku-card.weighing.manual': string;
+        'pisell2.cart.sku-card.weighing.tare': string;
+        'pisell2.cart.sku-card.weighing.net': string;
+        'pisell2.cart.sku-card.weighing.noTare': string;
+        'pisell2.cart.sku-card.gift.title': string;
+        'pisell2.cart.sku-card.gift.select.title': string;
+        'pisell2.cart.sku-card.gift.total': (num: number) => string;
+        'pisell2.product.card.edit': string;
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.minute': (val: number) => string;
+        'pisell2.product.card.discount.note': string;
+        'pisell2.product.card.discount.add.note': string;
+        'pisell2.product.card.discount.edit.note': string;
+        'pisell2.product.card.confirm': string;
+        'pisell2.product.card.cancel': string;
+        'pisell2.product.card.note.pla': string;
+        'pisell2.product.card.items.package': string;
+        'pisell2.product.card.view-all': string;
+        'pisell2.product.card.view-less': string;
+        'pisell2.product.card.add.holder.button.text': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder.multiple': (num: number, val: string) => string;
+        'pisell2.product.card.add.holder.modal.title.1': string;
+        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
+        'pisell2.product.card.sales': string;
+        'pisell2.product.card.add.holder.modal.cancel': string;
+        'pisell2.product.card.add.holder.modal.clear': string;
+        'pisell2.product.card.add.holder.modal.apply': string;
+        'pisell2.product.card.add.holder.modal.add': string;
+        'pisell2.product.card.closing-soon.warning': string;
+    };
+    ja: {
+        'pisell2.product.card.discount.reason': string;
+        'pisell2.cart.sku-card.more': string;
+        'pisell2.cart.sku-card.packages.title': string;
+        'pisell2.cart.sku-card.sales.title': string;
+        'pisell2.cart.sku-card.actions.delete': string;
+        'pisell2.cart.sku-card.unassigned': string;
+        'pisell2.cart.sku-card.weighing.gross': string;
+        'pisell2.cart.sku-card.weighing.manual': string;
+        'pisell2.cart.sku-card.weighing.tare': string;
+        'pisell2.cart.sku-card.weighing.net': string;
+        'pisell2.cart.sku-card.weighing.noTare': string;
+        'pisell2.cart.sku-card.gift.title': string;
+        'pisell2.cart.sku-card.gift.select.title': string;
+        'pisell2.cart.sku-card.gift.total': (num: number) => string;
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.minute': (val: number) => string;
+        'pisell2.product.card.discount.note': string;
+        'pisell2.product.card.edit': string;
+        'pisell2.product.card.discount.add.note': string;
+        'pisell2.product.card.discount.edit.note': string;
+        'pisell2.product.card.confirm': string;
+        'pisell2.product.card.cancel': string;
+        'pisell2.product.card.note.pla': string;
+        'pisell2.product.card.items.package': string;
+        'pisell2.product.card.view-all': string;
+        'pisell2.product.card.view-less': string;
+        'pisell2.product.card.add.holder.button.text': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder.multiple': (num: number, val: string) => string;
+        'pisell2.product.card.add.holder.modal.title.1': string;
+        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
+        'pisell2.product.card.sales': string;
+        'pisell2.product.card.add.holder.modal.cancel': string;
+        'pisell2.product.card.add.holder.modal.clear': string;
+        'pisell2.product.card.add.holder.modal.apply': string;
+        'pisell2.product.card.add.holder.modal.add': string;
+        'pisell2.product.card.closing-soon.warning': string;
+    };
+    pt: {
+        'pisell2.product.card.discount.reason': string;
+        'pisell2.cart.sku-card.more': string;
+        'pisell2.cart.sku-card.packages.title': string;
+        'pisell2.cart.sku-card.sales.title': string;
+        'pisell2.cart.sku-card.actions.delete': string;
+        'pisell2.cart.sku-card.unassigned': string;
+        'pisell2.cart.sku-card.weighing.gross': string;
+        'pisell2.cart.sku-card.weighing.manual': string;
+        'pisell2.cart.sku-card.weighing.tare': string;
+        'pisell2.cart.sku-card.weighing.net': string;
+        'pisell2.cart.sku-card.weighing.noTare': string;
+        'pisell2.cart.sku-card.gift.title': string;
+        'pisell2.cart.sku-card.gift.select.title': string;
+        'pisell2.cart.sku-card.gift.total': (num: number) => string;
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.minute': (val: number) => string;
+        'pisell2.product.card.discount.note': string;
+        'pisell2.product.card.edit': string;
+        'pisell2.product.card.discount.add.note': string;
+        'pisell2.product.card.discount.edit.note': string;
+        'pisell2.product.card.confirm': string;
+        'pisell2.product.card.cancel': string;
+        'pisell2.product.card.note.pla': string;
+        'pisell2.product.card.items.package': string;
+        'pisell2.product.card.view-all': string;
+        'pisell2.product.card.view-less': string;
+        'pisell2.product.card.add.holder.button.text': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder.multiple': (num: number, val: string) => string;
+        'pisell2.product.card.add.holder.modal.title.1': string;
+        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
+        'pisell2.product.card.sales': string;
+        'pisell2.product.card.add.holder.modal.cancel': string;
+        'pisell2.product.card.add.holder.modal.clear': string;
+        'pisell2.product.card.add.holder.modal.apply': string;
+        'pisell2.product.card.add.holder.modal.add': string;
+        'pisell2.product.card.closing-soon.warning': string;
+    };
+};
+export default _default;

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

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

package/es/components/productCard/components/Header/EditButton/index.d.ts

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

package/es/components/productCard/components/Header/index.d.ts

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

package/es/components/productCard/components/Packages/utils.d.ts

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;

package/es/components/productCard/components/Sales/index.d.ts

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

package/es/components/productCard/components/Time/components/SelectHolder/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const SelectHolder: ({ lists, value, onChange, holderMode, isShowAddHolderButton, onAddHolder, addHolderButtonText, onClearHolder, isErrorHolder, allowClear, holderMaxCount, }: any) => JSX.Element;
 export default SelectHolder;

package/es/components/productCard/components/Time/components/SelectHolderModal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface SelectHolderModalProps {
     visible: boolean;

package/es/components/productCard/components/Time/components/SelectHolderMultiple/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const SelectHolderMultiple: ({ lists, value, onChange, holderMode, isShowAddHolderButton, onAddHolder, addHolderButtonText, onClearHolder, isErrorHolder, allowClear, holderMaxCount, }: any) => JSX.Element;
 export default SelectHolderMultiple;

package/es/components/productCard/lineItem/BookingLineItem.d.ts

@@ -1,9 +1,10 @@
 import type { ProductCardTypes } from '../types';
-import type { LineItemStatusOption, LineItemType } from './types';
+import type { LineItemHolderOption, LineItemStatusOption, LineItemType } from './types';
 interface BookingLineItemProps extends Omit<ProductCardTypes, 'dataSource'> {
     dataSource: any;
     type: LineItemType;
     cartSkuType: 'a2' | 'a5' | 'a9';
+    isShowBookingHeader: boolean;
     relatedProductDataSource?: any;
     rightActions?: any[];
     escapeDom?: string;
@@ -11,6 +12,7 @@ interface BookingLineItemProps extends Omit<ProductCardTypes, 'dataSource'> {
     statusLoading?: boolean;
     statusDisabled?: boolean;
     isShowRelatedProduct?: boolean;
+    holderOptions?: LineItemHolderOption[];
     onBookingStatusChange?: (status: string, item: any) => void;
 }
 declare const BookingLineItem: (props: BookingLineItemProps) => JSX.Element | null;

package/es/components/productCard/lineItem/BookingLineItem.js

@@ -1,5 +1,9 @@
-var _excluded = ["dataSource", "type", "cartSkuType", "relatedProductDataSource", "rightActions", "escapeDom", "isShowImage", "isShowDelete", "isShowNote", "isShowAmountFooter", "disabledClick", "disabledEdit", "statusOptions", "statusLoading", "statusDisabled", "isShowRelatedProduct", "onBookingStatusChange", "onAction", "onDelete", "onNote", "onCard", "onPromotion", "onGift"];
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["dataSource", "type", "cartSkuType", "isShowBookingHeader", "relatedProductDataSource", "rightActions", "escapeDom", "isShowImage", "isFormSubject", "isShowDelete", "isShowNote", "isShowAmountFooter", "disabledClick", "disabledEdit", "statusOptions", "statusLoading", "statusDisabled", "isShowRelatedProduct", "holderOptions", "onBookingStatusChange", "onAction", "onDelete", "onNote", "onCard", "onPromotion", "onGift"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -24,6 +28,7 @@ import { SwipeAction } from "../cartSkuCard/components/swipeAction";
 import Action from "../components/Action";
 import TimeRange from "./components/TimeRange";
 import Resources from "./components/Resources";
+import Holders from "./components/Holders";
 import Iconfont from "../../iconfont";
 import useEngineContext from "../../../hooks/useEngineContext";
 var PREFIX = 'pisell-line-item';
@@ -64,15 +69,17 @@ var getResourceName = function getResourceName(booking, translationOriginal) {
   }).filter(Boolean).join(', ');
 };
 var BookingLineItem = function BookingLineItem(props) {
-  var _context$appHelper$ut, _context$appHelper$ut2, _context$appHelper$ut3, _context$appHelper$ut4, _dataSource$promotion;
+  var _context$appHelper$ut, _context$appHelper$ut2, _context$appHelper$ut3, _context$appHelper$ut4, _ref, _ref2, _dataSource$promotion;
   var dataSource = props.dataSource,
     type = props.type,
     cartSkuType = props.cartSkuType,
+    isShowBookingHeader = props.isShowBookingHeader,
     relatedProductDataSource = props.relatedProductDataSource,
     _props$rightActions = props.rightActions,
     rightActions = _props$rightActions === void 0 ? [] : _props$rightActions,
     escapeDom = props.escapeDom,
     isShowImage = props.isShowImage,
+    isFormSubject = props.isFormSubject,
     isShowDelete = props.isShowDelete,
     isShowNote = props.isShowNote,
     isShowAmountFooter = props.isShowAmountFooter,
@@ -86,6 +93,7 @@ var BookingLineItem = function BookingLineItem(props) {
     statusDisabled = _props$statusDisabled === void 0 ? false : _props$statusDisabled,
     _props$isShowRelatedP = props.isShowRelatedProduct,
     isShowRelatedProduct = _props$isShowRelatedP === void 0 ? true : _props$isShowRelatedP,
+    holderOptions = props.holderOptions,
     onBookingStatusChange = props.onBookingStatusChange,
     _onAction = props.onAction,
     onDelete = props.onDelete,
@@ -131,9 +139,23 @@ var BookingLineItem = function BookingLineItem(props) {
     }
   };
   var bookingRightActions = isShowDelete ? [deleteAction].concat(_toConsumableArray(rightActions)) : rightActions;
-  var bookingTitle = String((dataSource === null || dataSource === void 0 ? void 0 : dataSource.booking_id) || '-');
-  var bookingTime = formatBookingTime(dataSource, locale);
-  var resourceName = getResourceName(dataSource, translationOriginal) || '-';
+  var resolvedHolderOptions = (_ref = (_ref2 = holderOptions !== null && holderOptions !== void 0 ? holderOptions : dataSource === null || dataSource === void 0 ? void 0 : dataSource.holderOptions) !== null && _ref2 !== void 0 ? _ref2 : dataSource === null || dataSource === void 0 ? void 0 : dataSource.holders) !== null && _ref !== void 0 ? _ref : [];
+  var resolvedIsFormSubject = isFormSubject !== null && isFormSubject !== void 0 ? isFormSubject : dataSource === null || dataSource === void 0 ? void 0 : dataSource.isFormSubject;
+  var bookingTitle = String((dataSource === null || dataSource === void 0 ? void 0 : dataSource.booking_id) || '');
+  var renderDeleteButton = function renderDeleteButton() {
+    var inline = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    return isShowDelete ? /*#__PURE__*/React.createElement("button", {
+      className: classNames("".concat(PREFIX, "__delete-btn"), _defineProperty({}, "".concat(PREFIX, "__delete-btn--inline"), inline)),
+      type: "button",
+      onClick: function onClick(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        onDelete === null || onDelete === void 0 || onDelete(dataSource);
+      }
+    }, /*#__PURE__*/React.createElement(Iconfont, {
+      type: "pisell2-trash-01"
+    })) : null;
+  };
   var renderStatusButton = function renderStatusButton() {
     return /*#__PURE__*/React.createElement(Button, {
       className: "".concat(PREFIX, "__status"),
@@ -170,7 +192,7 @@ var BookingLineItem = function BookingLineItem(props) {
       e.stopPropagation();
       onCard === null || onCard === void 0 || onCard(dataSource);
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, isShowBookingHeader ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(PREFIX, "__booking-header"),
     style: {
       '--pisell-line-item-header-color': currentStatus.color || DEFAULT_STATUS_COLOR
@@ -184,29 +206,25 @@ var BookingLineItem = function BookingLineItem(props) {
   }, canChangeStatus ? /*#__PURE__*/React.createElement(Dropdown, {
     menu: {
       items: statusMenuItems,
-      onClick: function onClick(_ref) {
-        var key = _ref.key;
+      onClick: function onClick(_ref3) {
+        var key = _ref3.key;
         return onBookingStatusChange === null || onBookingStatusChange === void 0 ? void 0 : onBookingStatusChange(String(key), dataSource);
       }
     },
     trigger: ['click']
-  }, renderStatusButton()) : renderStatusButton(), isShowDelete ? /*#__PURE__*/React.createElement("button", {
-    className: "".concat(PREFIX, "__delete-btn"),
-    type: "button",
-    onClick: function onClick(e) {
-      e.preventDefault();
-      e.stopPropagation();
-      onDelete === null || onDelete === void 0 || onDelete(dataSource);
-    }
-  }, /*#__PURE__*/React.createElement(Iconfont, {
-    type: "pisell2-trash-01"
-  })) : null))), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(PREFIX, "__booking-detail")
+  }, renderStatusButton()) : renderStatusButton(), renderDeleteButton()))) : null, /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(PREFIX, "__booking-detail"), _defineProperty({}, "".concat(PREFIX, "__booking-detail--with-delete"), !isShowBookingHeader && isShowDelete))
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(PREFIX, "__booking-detail-content")
   }, /*#__PURE__*/React.createElement(Resources, {
     dataSource: dataSource
   }), /*#__PURE__*/React.createElement(TimeRange, {
     dataSource: dataSource
-  })), isShowRelatedProduct && relatedProductDataSource ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
+  }), resolvedIsFormSubject ? /*#__PURE__*/React.createElement(Holders, {
+    dataSource: dataSource,
+    holderOptions: resolvedHolderOptions,
+    isFormSubject: resolvedIsFormSubject
+  }) : null), !isShowBookingHeader ? renderDeleteButton(true) : null), isShowRelatedProduct && relatedProductDataSource ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
     style: {
       margin: 0
     }

package/es/components/productCard/lineItem/components/Holders/index.d.ts

@@ -0,0 +1,9 @@
+import type { LineItemHolderOption } from '../../types';
+import './index.less';
+interface LineItemHoldersProps {
+    dataSource?: any;
+    holderOptions?: LineItemHolderOption[];
+    isFormSubject?: boolean;
+}
+declare const LineItemHolders: (props: LineItemHoldersProps) => JSX.Element | null;
+export default LineItemHolders;