@pisell/materials 6.12.18 → 6.12.20

package/lib/components/pisellRecordBoard/PisellRecordBoard.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { RecordBoardProps } from './types';
+/**
+ * RecordBoard 容器：提供统一的 data / pagination / search 上下文。
+ * 打散 props：列表/分页/搜索/多选、grid/toolBar/…；可选根级 **floorMap**（兼容透传）。
+ * 平面图推荐在 ShellFrame 内使用 **PisellRecordBoard.FloorMap** 声明，与根级 `floorMap` 合并（子优先）。
+ */
+declare const PisellRecordBoard: React.FC<RecordBoardProps>;
+export default PisellRecordBoard;

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

@@ -0,0 +1,55 @@
+import React from 'react';
+import GridLayout from './layouts/GridLayout';
+import CardLayout from './layouts/CardLayout';
+import RecordBoardShellFrame, { RecordBoardToolBar, RecordBoardBatchActionBar, RecordBoardPagination, RecordBoardSearch, RecordBoardFloorMap, RecordBoardCalendar, RecordBoardResourceWall } from './shellFrame';
+import RecordBoardGridView from './layouts/GridLayout/Grid';
+import RecordBoardCardList from './layouts/CardLayout/CardList';
+import { useRecordBoardContext } from './hooks/useRecordBoardContext';
+import type { RecordBoardProps } from './types';
+/** RecordBoard 复合组件类型 */
+interface PisellRecordBoardType extends React.FC<RecordBoardProps> {
+    /** Shell Frame：对 Layout 的扩展，提供 ToolBar + BatchActionBar + children（Layout） */
+    ShellFrame: typeof RecordBoardShellFrame;
+    /** Grid 布局：仅内容区（表格 + 分页），需配合 ShellFrame 使用 */
+    GridLayout: typeof GridLayout;
+    /** 卡片布局：仅内容区（卡片列表 + 分页），需配合 ShellFrame 使用 */
+    CardLayout: typeof CardLayout;
+    /**
+     * 平面图槽位：仅在 ShellFrame 内声明，无 DOM； props 与 PisellFloorMapLayout 对齐。
+     * 与 GridLayout 同时存在时出现「表格 / 平面图」切换。
+     */
+    FloorMap: typeof RecordBoardFloorMap;
+    /**
+     * 日历槽位：仅在 ShellFrame 内声明，无 DOM；与 GridLayout / FloorMap 并存时出现「表格 / 平面图 / 日历」切换。
+     */
+    Calendar: typeof RecordBoardCalendar;
+    /**
+     * 大屏资源墙槽位：仅在 ShellFrame 内声明，无 DOM；与其它主区并存时出现视图切换。
+     */
+    ResourceWall: typeof RecordBoardResourceWall;
+    /** 单独使用：搜索槽（PisellFind，绑定 searchParams.keyword / onSearch） */
+    Search: typeof RecordBoardSearch;
+    /** 单独使用：工具栏（PisellToolBar，含搜索/导出，可透传 topLeft/topRight 等） */
+    ToolBar: typeof RecordBoardToolBar;
+    /** 单独使用：分页槽 */
+    Pagination: typeof RecordBoardPagination;
+    /** 单独使用：Grid 视图（表格） */
+    Grid: typeof RecordBoardGridView;
+    /** 单独使用：卡片列表视图 */
+    CardList: typeof RecordBoardCardList;
+    /** 多选操作栏（基于 PisellBatchActionBar，有选中项时展示） */
+    BatchActionBar: typeof RecordBoardBatchActionBar;
+    /** 消费 RecordBoard 上下文 */
+    useRecordBoardContext: typeof useRecordBoardContext;
+}
+declare const PisellRecordBoard: PisellRecordBoardType;
+export default PisellRecordBoard;
+export type { RecordBoardProps, RecordBoardLayoutType, RecordBoardLayoutVariant, RecordBoardContextValue, RecordBoardChildComponentProps, RecordBoardGridProps, RecordBoardColumnType, RecordBoardFieldType, RecordBoardColumnFilterConfig, RecordBoardOptionItem, RecordBoardGetOptions, RecordBoardBodyView, RecordBoardFloorMapProps, RecordBoardCalendarProps, RecordBoardCalendarBlockedTimePayload, RecordBoardCalendarResource, RecordBoardCalendarBookingLike, RecordBoardCalendarDayOverlayBooking, RecordBoardCalendarTimelineHeaderGroup, RecordBoardCalendarTimelineHeaderRenderContext, RecordBoardCalendarResourceRenderArgs, RecordBoardCalendarBookingRenderArgs, RecordBoardBookingMoveDraft, RecordBoardBlockedTimeMergedRange, RecordBoardBlockedTimePanelPayload, RecordBoardCreateBookingDayGroup, RecordBoardCreateBookingFromSelectionPayload, RecordBoardCalendarSelectedFreeSlot, RecordBoardToolBarProps, RecordBoardResourceWallProps, RecordBoardResourceWallCardModel, RecordBoardResourceWallLayoutPersist, } from './types';
+export { DEFAULT_RESOURCE_WALL_LAYOUT_PERSIST } from './types';
+export type { CalendarPersistContextValue } from './shellFrame/Calendar/calendarPersistGuard';
+export type { VenueWallAppearanceTheme, VenueWallStatusToneOverrides, } from './shellFrame/ResourceWall/venueWallUtils';
+export { useRecordBoardContext } from './hooks/useRecordBoardContext';
+export { useRecordBoardShellBodyMeta } from './shellFrame';
+export { DEFAULT_RESOURCE_WALL_FILTER_FIELD_KEY } from './shellFrame/ResourceWall/PisellRecordBoardResourceWallView';
+export { adaptColumnsForPhoneLayout, RECORD_BOARD_PHONE_GRID_CLASS, } from './utils/recordBoardPhoneGrid';
+export type { AdaptColumnsForPhoneLayoutOptions } from './utils/recordBoardPhoneGrid';

package/lib/components/pisellRecordBoard/shellFrame/Calendar/bookingCalendarInternalTypes.d.ts

@@ -0,0 +1,43 @@
+/**
+ * BookingCalendar 专用类型（不放入全局 RecordBoard types，避免对外膨胀）。
+ */
+import type { RecordBoardCalendarBookingLike } from '../../types';
+import type { CalendarBookingSegmentInput, SelectedSlotLike } from './utils/bookingCalendarDateUtils';
+import type { Dayjs } from 'dayjs';
+/** 资源视图格子选中：仅记 court + 日 */
+export declare type ResourceCellPick = {
+    courtId: string;
+    dateKey: string;
+};
+/** 顶栏粒度切换 */
+export declare type CalendarViewMode = 'resource' | 'day' | 'week' | 'month';
+export declare type FreeSlotSelection = SelectedSlotLike & {
+    court?: string;
+};
+export declare type OverflowListModalState = {
+    scope: string;
+    date: string;
+    title: string;
+    items: CalendarBookingSegmentInput[];
+};
+export declare type OverflowPopoverState = {
+    courtId: string;
+    date: string;
+    items: CalendarBookingSegmentInput[];
+    pinned?: boolean;
+};
+export declare type MoveConfirmState = {
+    item: RecordBoardCalendarBookingLike;
+    targetCourtId: string;
+    targetDate: string;
+    targetHour: number;
+};
+export declare type MoveDraftState = {
+    targetCourtId: string;
+    targetDate: string;
+    targetHour: number;
+};
+export declare type TransitioningToDayState = {
+    source: string;
+};
+export declare type BlockTimeRange = [Dayjs, Dayjs] | null;

package/lib/components/pisellRecordBoard/shellFrame/Calendar/modal/OverflowPopover.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type CalendarBookingSegmentInput } from '../utils/bookingCalendarDateUtils';
+export declare type MonthGridOverflowVirtualListProps = {
+    items: CalendarBookingSegmentInput[];
+    listWidth: number;
+    onPickItem: (item: CalendarBookingSegmentInput) => void;
+};
+/** 月/周格「+N」悬停层内的虚拟列表（overflowPopover） */
+export declare function MonthGridOverflowVirtualList({ items, listWidth, onPickItem, }: MonthGridOverflowVirtualListProps): React.JSX.Element | null;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IGiftProps } from './types';
+import './index.less';
+declare const Gift: (props: IGiftProps) => React.JSX.Element | null;
+export default Gift;

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

@@ -2,6 +2,7 @@ import React from 'react';
 import './index.less';
 interface IProps {
     isShowImage?: boolean;
+    isShowQuantityBadge?: boolean;
     dataSource: {
         image?: string;
         bundle?: any[];

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

@@ -44,6 +44,7 @@ var import_index = require("./index.less");
 var BasicInfo = (props) => {
   const {
     isShowImage,
+    isShowQuantityBadge = true,
     dataSource = {},
     style,
     isMainProduct,
@@ -144,7 +145,7 @@ var BasicInfo = (props) => {
     return _originalTotal !== 0 && _originalTotal != _total;
   }, [isShowOriginalPrice, origin_total, total, hasSpecs, hasWeighingInfo]);
   if (type === "a5") {
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: basicInfoClassName, style: style || {} }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info product-info-a5` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-basic-info-wrap` }, /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: basicInfoClassName, style: style || {} }, isShowQuantityBadge ? renderNumTag() : null, renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info product-info-a5` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-basic-info-wrap` }, /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: `product-name ${renderEdit ? "product-name-edit" : ""}`
@@ -155,7 +156,7 @@ var BasicInfo = (props) => {
   if (type === "a9") {
     const showAmount = isBundle && !showFooter;
     const _price = showAmount ? Number(price ?? 0) * num : price;
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: basicInfoClassName, style: style || {} }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info product-info-a9` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-basic-info-wrap` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-basic-info ${isBundle ? "row" : ""}` }, /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: basicInfoClassName, style: style || {} }, isShowQuantityBadge ? renderNumTag() : null, renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info product-info-a9` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-basic-info-wrap` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-basic-info ${isBundle ? "row" : ""}` }, /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: `product-name ${renderEdit ? "product-name-edit" : ""}`
@@ -163,6 +164,6 @@ var BasicInfo = (props) => {
       name
     ), /* @__PURE__ */ import_react.default.createElement("div", { className: `product-price` }, /* @__PURE__ */ import_react.default.createElement("span", null, renderProductPrice()), _isShowOriginalPrice ? /* @__PURE__ */ import_react.default.createElement("span", { className: `original-price` }, (0, import_utils.formatAmount)(origin_total, 2, symbol)) : null)), renderProductMeta()), renderEdit));
   }
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: basicInfoClassName, style: style || {} }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-name` }, name), hasProductMeta ? renderProductMeta() : /* @__PURE__ */ import_react.default.createElement("div", { className: `product-price` }, renderProductPrice())), /* @__PURE__ */ import_react.default.createElement("div", { className: `product-amount` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `total-amont` }, (0, import_utils.formatAmount)(total * num - (totalDifference ?? 0), 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));
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: basicInfoClassName, style: style || {} }, isShowQuantityBadge ? renderNumTag() : null, renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-name` }, name), hasProductMeta ? renderProductMeta() : /* @__PURE__ */ import_react.default.createElement("div", { className: `product-price` }, renderProductPrice())), /* @__PURE__ */ import_react.default.createElement("div", { className: `product-amount` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `total-amont` }, (0, import_utils.formatAmount)(total * num - (totalDifference ?? 0), 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/inlineActions/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { CSSProperties, ReactNode } from 'react';
+import './index.less';
+export interface InlineActionItem {
+    key: string | number;
+    text: ReactNode;
+    color?: string;
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    style?: CSSProperties;
+}
+interface InlineActionsProps {
+    actions: InlineActionItem[];
+}
+declare const InlineActions: ({ actions }: InlineActionsProps) => React.JSX.Element | null;
+export default InlineActions;

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

@@ -2,11 +2,12 @@ import React from 'react';
 import './index.less';
 interface IProps {
     isShowImage?: boolean;
+    isShowQuantityBadge?: boolean;
     dataSource: {
         bundle?: any[];
         symbol?: string;
     };
     type?: 'a2' | 'a5' | 'a9';
 }
-declare const Packages: ({ isShowImage, dataSource, type }: IProps) => React.JSX.Element | null;
+declare const Packages: ({ isShowImage, isShowQuantityBadge, dataSource, type, }: IProps) => React.JSX.Element | null;
 export default Packages;

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

@@ -40,7 +40,12 @@ var import_basicInfo = __toESM(require("../basicInfo"));
 var import__ = require("../../index");
 var import_AmountFooter = __toESM(require("../../../components/AmountFooter"));
 var import_index = require("./index.less");
-var Packages = ({ isShowImage, dataSource = {}, type }) => {
+var Packages = ({
+  isShowImage,
+  isShowQuantityBadge,
+  dataSource = {},
+  type
+}) => {
   const { bundle = [], symbol = "$" } = dataSource;
   const showFooter = (0, import_react.useCallback)(
     (_bundle) => {
@@ -71,6 +76,7 @@ var Packages = ({ isShowImage, dataSource = {}, type }) => {
             import_basicInfo.default,
             {
               isShowImage,
+              isShowQuantityBadge,
               dataSource: {
                 ...item,
                 name: item.title,

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

@@ -8,6 +8,7 @@ interface IProps {
         bundle?: any[];
     };
     isShowImage?: boolean;
+    isShowQuantityBadge?: boolean;
 }
-declare const Sales: ({ hideDivider, dataSource, isShowImage }: IProps) => React.JSX.Element | null;
+declare const Sales: ({ hideDivider, dataSource, isShowImage, isShowQuantityBadge, }: IProps) => React.JSX.Element | null;
 export default Sales;

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

@@ -39,7 +39,12 @@ var import_basicInfo = __toESM(require("../basicInfo"));
 var import_utils = require("@pisell/utils");
 var import__ = require("../../index");
 var import_index = require("./index.less");
-var Sales = ({ hideDivider, dataSource, isShowImage }) => {
+var Sales = ({
+  hideDivider,
+  dataSource,
+  isShowImage,
+  isShowQuantityBadge
+}) => {
   const { relation_products = [], symbol = "$" } = dataSource || {};
   let other_products = relation_products.map((p) => {
     return {
@@ -60,6 +65,7 @@ var Sales = ({ hideDivider, dataSource, isShowImage }) => {
           import_basicInfo.default,
           {
             isShowImage,
+            isShowQuantityBadge,
             style: {
               border: "1px solid #D0D5DD",
               borderRadius: 4,

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import './index.less';
+import { ProductCardTypes } from '../types';
+interface ISKUCardProps extends Omit<ProductCardTypes, 'dataSource'> {
+    dataSource: any;
+    itemType?: 'booking' | 'product';
+    type: 'a2' | 'a5' | 'a9';
+    rightActions: any[];
+    rightActionsDisplay?: 'swipe' | 'inline';
+    escapeDom?: string;
+    isShowRelatedProduct?: boolean;
+}
+export declare const PREFIX = "pisell-cart-sku-card";
+export declare const ENABLE_LARGE_WEIGHING_FONT = true;
+declare const CartSkuCard: (props: ISKUCardProps) => React.JSX.Element | null;
+export default CartSkuCard;

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

@@ -64,6 +64,7 @@ var CartSkuCard = (props) => {
   const {
     dataSource = import_status.defaultValue.dataSource,
     isShowImage = import_status.defaultValue.isShowImage,
+    isShowQuantityBadge = true,
     isShowOriginalPrice = import_status.defaultValue.isShowOriginalPrice,
     isShowHolder = import_status.defaultValue.isShowHolder,
     isShowNote = import_status.defaultValue.isShowNote,
@@ -164,6 +165,7 @@ var CartSkuCard = (props) => {
         import_basicInfo.default,
         {
           isShowImage,
+          isShowQuantityBadge,
           dataSource,
           isMainProduct: true,
           maxSpecsCount
@@ -200,6 +202,7 @@ var CartSkuCard = (props) => {
         import_basicInfo.default,
         {
           isShowImage,
+          isShowQuantityBadge,
           dataSource,
           isMainProduct: true,
           type,
@@ -209,12 +212,20 @@ var CartSkuCard = (props) => {
           onEditProduct
         }
       )
-    ), itemType !== "booking" ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_timeRange.default, { dataSource }), /* @__PURE__ */ import_react.default.createElement(import_resources.default, { dataSource })) : null, /* @__PURE__ */ import_react.default.createElement(import_packages.default, { dataSource, isShowImage }), /* @__PURE__ */ import_react.default.createElement(
+    ), itemType !== "booking" ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_timeRange.default, { dataSource }), /* @__PURE__ */ import_react.default.createElement(import_resources.default, { dataSource })) : null, /* @__PURE__ */ import_react.default.createElement(
+      import_packages.default,
+      {
+        dataSource,
+        isShowImage,
+        isShowQuantityBadge
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(
       import_sales.default,
       {
         dataSource,
         hideDivider: !!((_a2 = dataSource == null ? void 0 : dataSource.bundle) == null ? void 0 : _a2.length),
-        isShowImage
+        isShowImage,
+        isShowQuantityBadge
       }
     ), ((_b2 = dataSource.items) == null ? void 0 : _b2.length) ? /* @__PURE__ */ import_react.default.createElement(import_MultiDay.default, { dataSource, hideDivider }) : isShowAmountFooter ? /* @__PURE__ */ import_react.default.createElement(
       import_AmountFooter.default,
@@ -253,6 +264,7 @@ var CartSkuCard = (props) => {
         import_basicInfo.default,
         {
           isShowImage,
+          isShowQuantityBadge,
           dataSource,
           isMainProduct: true,
           type,
@@ -267,6 +279,7 @@ var CartSkuCard = (props) => {
       {
         dataSource,
         isShowImage,
+        isShowQuantityBadge,
         type
       }
     ), isShowAmountFooter ? /* @__PURE__ */ import_react.default.createElement(

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SelectHolderMultiple: ({ lists, value, onChange, holderMode, isShowAddHolderButton, onAddHolder, addHolderButtonText, onClearHolder, isErrorHolder, allowClear, holderMaxCount, }: any) => React.JSX.Element;
+export default SelectHolderMultiple;

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { ProductCardTypes } 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;
+    addTimeProductDataSources?: any[];
+    rightActions?: any[];
+    rightActionsDisplay?: 'swipe' | 'inline';
+    escapeDom?: string;
+    statusOptions?: LineItemStatusOption[];
+    statusLoading?: boolean;
+    statusDisabled?: boolean;
+    isShowRelatedProduct?: boolean;
+    holderOptions?: LineItemHolderOption[];
+    onBookingStatusChange?: (status: string, item: any) => void;
+    onAddTimeProductCard?: (item: any) => void;
+}
+declare const BookingLineItem: (props: BookingLineItemProps) => React.JSX.Element | null;
+export default BookingLineItem;

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

@@ -73,6 +73,7 @@ var BookingLineItem = (props) => {
     rightActionsDisplay = "swipe",
     escapeDom,
     isShowImage,
+    isShowQuantityBadge = true,
     isFormSubject,
     isShowDelete,
     isShowInlineDelete = isShowDelete,
@@ -182,6 +183,7 @@ var BookingLineItem = (props) => {
       import_basicInfo.default,
       {
         isShowImage,
+        isShowQuantityBadge,
         dataSource: productDataSource,
         type: cartSkuType,
         maxSpecsCount: props.maxSpecsCount || 1
@@ -191,6 +193,7 @@ var BookingLineItem = (props) => {
       {
         dataSource: productDataSource,
         isShowImage,
+        isShowQuantityBadge,
         type: cartSkuType
       }
     ), isShowAmountFooter ? /* @__PURE__ */ import_react.default.createElement(

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

@@ -0,0 +1,72 @@
+import React from 'react';
+import type { ProductCardTypes } from '../types';
+import type { itemType, LineItemHolderOption, LineItemStatusOption, LineItemType } from './types';
+import './index.less';
+export declare const PREFIX = "pisell-line-item";
+export type { itemType, LineItemHolderOption, LineItemStatusOption, LineItemType, } from './types';
+declare type LocalizedText = string | Record<string, unknown> | null | undefined;
+export interface LineItemProps extends Omit<ProductCardTypes, 'dataSource'> {
+    dataSource: any;
+    itemType?: itemType;
+    type?: LineItemType;
+    isShowBookingHeader: boolean;
+    rightActions?: any[];
+    rightActionsDisplay?: 'swipe' | 'inline';
+    escapeDom?: string;
+    statusOptions?: LineItemStatusOption[];
+    statusLoading?: boolean;
+    statusDisabled?: boolean;
+    isShowRelatedProduct?: boolean;
+    holderOptions?: LineItemHolderOption[];
+    onBookingStatusChange?: (status: string, item: any) => void;
+    onAddTimeProductCard?: (item: any) => void;
+}
+export declare const convertProductToLineItemProduct: (product: any, translationOriginal: (text: LocalizedText) => string, symbol: string) => {
+    _id: any;
+    id: any;
+    product_id: any;
+    product_variant_id: any;
+    title: string;
+    product_title: string;
+    name: string;
+    cover: any;
+    image: any;
+    num: any;
+    quantity: any;
+    price: any;
+    total: any;
+    origin_total: string | number | undefined;
+    original_total: string | number | undefined;
+    source_product_price: any;
+    selling_price: any;
+    payment_price: any;
+    tax_fee: any;
+    symbol: string;
+    note: any;
+    product_sku: any;
+    product_bundle: any;
+    bundle: any;
+    product_option_string: any;
+    options: any[];
+    discount_list: any;
+    promotions: any;
+    discount_reason: any;
+    isGift: boolean;
+    giftData: any;
+    _origin: any;
+    _extend: {
+        other: {
+            product_id: any;
+            option: any[];
+            bundle: any;
+            product_variant_id: any;
+            quantity: any;
+        };
+        note: any;
+        total: any;
+        origin_total: string | number | undefined;
+        payment_price: any;
+    };
+};
+declare const LineItem: (props: LineItemProps) => React.JSX.Element;
+export default LineItem;

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

@@ -82,6 +82,7 @@ var convertBundle = (bundle, translationOriginal) => {
   const options = (bundle.option || []).map(
     (option) => convertBundleOption(option, translationOriginal)
   );
+  const bundlePrice = bundle.price_type === "markdown" && Number.isFinite(Number(bundle.price)) ? -Math.abs(Number(bundle.price)) : bundle.price;
   return {
     ...bundle,
     title: bundle.title || bundle.bundle_title,
@@ -89,6 +90,7 @@ var convertBundle = (bundle, translationOriginal) => {
     product_id: bundle.bundle_product_id,
     _bundle_product_id: bundle.bundle_product_id,
     product_variant_id: bundle.bundle_variant_id,
+    price: bundlePrice,
     total: bundle.bundle_selling_price,
     origin_total: bundle.original_total,
     custom_price: bundle.custom_price,

package/lib/components/productCard/types.d.ts

@@ -0,0 +1,99 @@
+export declare type bundleType = {
+    id: number;
+    name: string;
+    num: number;
+    price: number;
+    total: number;
+    origin_total?: number;
+    price_type?: string;
+    options?: optionType[];
+};
+/**
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-02 23:00
+ */
+export declare type optionType = {
+    id: number;
+    name: string;
+    num: number;
+    price: number;
+    total: number;
+    origin_total?: number;
+};
+/**
+ * @title: 商品商品类型
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-02 22:48
+ */
+export declare type productType = {
+    _id: string | number;
+    id: number;
+    name: string;
+    price: number;
+    total: number;
+    num: number;
+    origin_total?: number;
+    image?: string;
+    isShowNote?: boolean;
+    note?: string;
+    like_status?: string;
+    bundle?: bundleType[];
+    options?: optionType[];
+    isShowAction?: boolean;
+    actionText?: string;
+    errorMessage?: string;
+    product_option_string?: string;
+    discount_reason?: string;
+    relation_products?: any[];
+    resource_id?: string | number;
+    relation_form_name?: string;
+    holder_title?: string;
+    start_date?: string;
+    end_date?: string;
+    is_show_duration?: boolean;
+    is_show_week?: boolean;
+    promotions?: any[];
+    isGift?: boolean;
+    giftData?: any;
+};
+/**
+ * 排序总配置
+ */
+export declare type ProductCardTypes = {
+    dataSource: productType;
+    isFormSubject?: boolean;
+    isShowImage?: boolean;
+    isShowQuantityBadge?: boolean;
+    isShowOriginalPrice?: boolean;
+    isShowHolder?: boolean;
+    isShowNote?: boolean;
+    isShowPackageNote?: boolean;
+    isShowDelete?: boolean;
+    isShowInlineDelete?: boolean;
+    rightActionsDisplay?: 'swipe' | 'inline';
+    isShowEditProduct?: boolean;
+    isShowAmountFooter?: boolean;
+    disabledEdit?: boolean;
+    locale?: string;
+    symbol?: string;
+    isShowChangeHolder?: boolean;
+    isShowChangeResource?: boolean;
+    isShowChangeDate?: boolean;
+    disabledClick?: boolean;
+    disabledEditClick?: boolean;
+    onAction?: (val: any) => void;
+    onDelete?: (val: any) => void;
+    onNote?: (val: any) => void;
+    onLike?: (val: any) => void;
+    onCard?: (val: any) => void;
+    onChangeResource?: (val: any) => void;
+    onPromotion?: (val: any) => void;
+    onEditProduct?: (val: any) => void;
+    onGift?: (val: any) => void;
+    osWarnTips?: Array<string>;
+    [key: string]: any;
+};

package/lib/components/table/hooks/useTableSetting.d.ts

@@ -0,0 +1,21 @@
+import { FilterType } from "../../filter/types";
+import { ColumnSettingType, DataSourceGroupType, GallerySettingType, GridViewType, ModeType, SortType, ExportImportModeType, LocalSettingsType } from "../types";
+declare type UseTableSettingProps = {
+    tableId?: string;
+    filter: FilterType;
+    columns: Record<string, any>[];
+    columnSetting?: ColumnSettingType;
+    dataSourceGroup?: DataSourceGroupType;
+    sort?: SortType;
+    view: GridViewType;
+    currentViewMode: ModeType;
+    gallery?: GallerySettingType;
+    currentSettingHash: string;
+    exportImport?: ExportImportModeType;
+    localSettings?: LocalSettingsType;
+};
+declare const useTableSetting: (params: UseTableSettingProps) => {
+    setTableSetting: (this: unknown, values: Record<string, any>) => void;
+    tableSetting: any;
+};
+export default useTableSetting;