@pisell/materials 6.11.212 → 6.11.214

package/lib/components/pisellRecordBoard/shellFrame/ToolBar/recordBoardToolbar.less

@@ -20,17 +20,34 @@
   padding-bottom: 0 !important;
 }
 
-/* 表格 / 资源墙：与主内容区左右对齐 16px；平面图、日历不加（日程带全宽） */
+/* 表格 / 资源墙：左右 16px；上下 6px（覆盖 GridPro 默认 padding-bottom: 16px） */
 .pisell-grid-pro-toolbar.pisell-record-board-toolbar--grid,
 .pisell-grid-pro-toolbar.pisell-record-board-toolbar--resource-wall {
-  padding-left: 16px;
-  padding-right: 16px;
+  padding: 6px 16px !important;
+  gap: 4px;
+
+  > .pisell-grid-pro-toolbar-row.toolbar-row,
+  > .toolbar-row {
+    gap: 4px;
+  }
+
+  .toolbar-row-left {
+    gap: 4px;
+    align-items: center;
+  }
+
+  .toolbar-row-right {
+    gap: 4px;
+  }
+
+  .record-board-toolbar-right-actions.ant-space {
+    gap: 4px !important;
+  }
 }
 
 #body .pisell-grid-pro-toolbar.pisell-record-board-toolbar--grid,
 #body .pisell-grid-pro-toolbar.pisell-record-board-toolbar--resource-wall {
-  padding-left: 16px;
-  padding-right: 16px;
+  padding: 6px 16px !important;
 }
 
 /**
@@ -126,29 +143,29 @@
  */
 .pisell-grid-pro-toolbar.pisell-record-board-toolbar--compact {
   // padding-bottom: 8px !important;
-  gap: 6px !important;
+  gap: 4px !important;
 
   > .pisell-grid-pro-toolbar-row.toolbar-row,
   > .toolbar-row {
-    gap: 6px !important;
+    gap: 4px !important;
     align-items: center;
   }
 
   .toolbar-row-left {
     align-items: center !important;
-    gap: 6px !important;
+    gap: 4px !important;
   }
 
   .toolbar-row-right {
-    gap: 6px !important;
+    gap: 4px !important;
   }
 
   .record-board-toolbar-right-actions.ant-space {
-    gap: 6px !important;
+    gap: 4px !important;
   }
 
   .record-board-toolbar-top-left {
-    gap: 6px;
+    gap: 4px;
   }
 
   .pisell-lookup-input-suffix {
@@ -510,6 +527,64 @@
   }
 }
 
+/**
+ * 桌面 opt-in 收纳（collapseActions='gear'）：按钮等宽撑满、收紧上下间距，
+ * 避免默认居中布局在 180px Popover 内两侧/上下留出大量空白。
+ */
+.record-board-toolbar-settings-gear-overlay--collapsed-actions {
+  .ant-popover-inner-content,
+  .pisell-lowcode-popover-inner-content {
+    box-sizing: border-box;
+    width: auto !important;
+    min-width: 120px !important;
+    padding: 6px !important;
+  }
+
+  .record-board-toolbar-settings-gear-popover {
+    gap: 6px;
+    width: 100%;
+    align-items: stretch;
+  }
+
+  .record-board-toolbar-settings-gear-row {
+    width: 100%;
+    gap: 6px;
+  }
+
+  /** Sort / Filter / Reset：等宽铺满，去掉两侧空白 */
+  .record-board-toolbar-settings-gear-row:has(.record-board-toolbar-filter-btn),
+  .record-board-toolbar-settings-gear-row:has(.record-board-toolbar-reset) {
+    justify-content: stretch;
+
+    > * {
+      display: block;
+      width: 100%;
+      min-width: 0;
+    }
+  }
+
+  .record-board-toolbar-filter-btn,
+  .record-board-toolbar-filter-btn.ant-btn,
+  .record-board-toolbar-filter-btn.pisell-lowcode-btn,
+  .record-board-toolbar-reset,
+  .record-board-toolbar-reset.ant-btn,
+  .record-board-toolbar-reset.pisell-lowcode-btn {
+    box-sizing: border-box;
+    width: 100% !important;
+    min-width: 0 !important;
+    min-height: 36px !important;
+    height: auto !important;
+    padding: 6px 10px !important;
+    justify-content: center;
+
+    &.pisell-lowcode-btn-lg,
+    &.ant-btn-lg {
+      min-height: 36px !important;
+      padding: 6px 10px !important;
+    }
+  }
+}
+
 .record-board-toolbar-settings-gear-popover {
   display: flex;
   flex-direction: column;

package/lib/components/pisellRecordBoard/shellFrame/index.js

@@ -315,6 +315,7 @@ var RecordBoardShellFrame = ({ children, className, style, belowToolbar }) => {
       className: (0, import_classnames.default)(className, {
         /** 非表格主区：工具栏与内容区无缝（与 PisellShellFrame.less body-subview 配对） */
         "pisell-shell-frame--body-subview": !showGrid,
+        "pisell-shell-frame--grid-view": showGrid,
         "pisell-shell-frame--floor-map-view": showFloorMap,
         "pisell-shell-frame--calendar-view": showCalendar,
         "pisell-shell-frame--resource-wall-view": showResourceWall

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

@@ -707,6 +707,13 @@ export interface RecordBoardToolBarProps {
      * 以便快筛按钮换行后图标组与**最后一行**快筛右缘对齐（HUD 抽屉等极窄场景）。
      */
     mergeCompactNarrowTrailingWithQuickFilterRow?: boolean;
+    /**
+     * 桌面（非 compact-narrow）下把右侧操作区（列显示 / 排序 / 筛选 / 重置）收进一个齿轮按钮的 Popover，
+     * 复用 compact-narrow 的齿轮机制以节省顶栏宽度。opt-in，默认平铺。
+     * `compact-narrow` 始终强制收纳，不受此项影响。
+     * @default undefined
+     */
+    collapseActions?: 'gear';
 }
 /** Search 透传配置，与 PisellFind 的 props 对齐 */
 export declare type RecordBoardSearchProps = Record<string, any>;

package/lib/components/pisellShellFrame/PisellShellFrame.less

@@ -45,6 +45,11 @@
     margin-bottom: 0;
   }
 
+  /** 表格主区：垂直间距由 GridPro 工具栏 padding 6px 承担，不再叠加 shell margin */
+  &--grid-view &-toolbar {
+    margin-bottom: 0;
+  }
+
   /**
    * 工具栏正下方的「附加条」：默认与 toolbar 留 8px 缝隙，让插入的轻量摘要
    * 与 toolbar 视觉上分开但不破坏顶栏整体节奏。空内容时塌陷不占位。

package/lib/components/pisellTimeRangeDisplay/PisellTimeRangeDisplay.js

@@ -55,6 +55,8 @@ var PisellTimeRangeDisplay = (props) => {
     durationFormat,
     containerStyle,
     timeStyle,
+    startTimeStyle,
+    endTimeStyle,
     dateStyle,
     weekdayStyle,
     durationStyle,
@@ -114,8 +116,11 @@ var PisellTimeRangeDisplay = (props) => {
             timeFormat,
             dateFormat: effectiveDateFormat,
             weekdayFormat,
+            showWeekdayInCrossDay: showWeekday,
             referenceDate: (0, import_dayjs.default)(),
-            style: timeStyle
+            style: timeStyle,
+            startStyle: startTimeStyle,
+            endStyle: endTimeStyle
           }
         ) : null;
       case "date":

package/lib/components/pisellTimeRangeDisplay/components/TimeRangeBlock.js

@@ -43,8 +43,11 @@ var TimeRangeBlock = ({
   timeFormat,
   dateFormat,
   weekdayFormat,
+  showWeekdayInCrossDay = true,
   referenceDate = (0, import_dayjs.default)(),
   style,
+  startStyle,
+  endStyle,
   className
 }) => {
   const inlineStyle = {
@@ -53,6 +56,20 @@ var TimeRangeBlock = ({
     color: style == null ? void 0 : style.color,
     lineHeight: style == null ? void 0 : style.lineHeight
   };
+  const startInlineStyle = {
+    ...inlineStyle,
+    fontSize: (startStyle == null ? void 0 : startStyle.fontSize) ?? inlineStyle.fontSize,
+    fontWeight: (startStyle == null ? void 0 : startStyle.fontWeight) ?? inlineStyle.fontWeight,
+    color: (startStyle == null ? void 0 : startStyle.color) ?? inlineStyle.color,
+    lineHeight: (startStyle == null ? void 0 : startStyle.lineHeight) ?? inlineStyle.lineHeight
+  };
+  const endInlineStyle = {
+    ...inlineStyle,
+    fontSize: (endStyle == null ? void 0 : endStyle.fontSize) ?? inlineStyle.fontSize,
+    fontWeight: (endStyle == null ? void 0 : endStyle.fontWeight) ?? inlineStyle.fontWeight,
+    color: (endStyle == null ? void 0 : endStyle.color) ?? inlineStyle.color,
+    lineHeight: (endStyle == null ? void 0 : endStyle.lineHeight) ?? inlineStyle.lineHeight
+  };
   if (isSameDay) {
     const startStr = (0, import_utils.formatTime)(start, timeFormat);
     const endStr = (0, import_utils.formatTime)(end, timeFormat);
@@ -62,35 +79,35 @@ var TimeRangeBlock = ({
         className: `pisell-time-range-display-time ${className || ""}`.trim(),
         style: inlineStyle
       },
-      /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-time-range-display-time-start" }, startStr),
-      /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-time-range-display-time-end-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-time-range-display-time-sep", "aria-hidden": true }, " - "), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-time-range-display-time-end" }, endStr))
+      /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-time-range-display-time-start", style: startInlineStyle }, startStr),
+      /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-time-range-display-time-end-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-time-range-display-time-sep", style: inlineStyle, "aria-hidden": true }, " - "), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-time-range-display-time-end", style: endInlineStyle }, endStr))
     );
   }
   const isCrossYear = start.year() !== end.year();
   const dateFormatOverride = {
     order: "DMY",
     shortMonth: true,
-    showYear: isCrossYear,
+    showYear: (dateFormat == null ? void 0 : dateFormat.showYear) ?? isCrossYear,
     showMonth: true,
     showDay: true,
     useCommaBeforeYear: false
   };
   const startTimeStr = (0, import_utils.formatTime)(start, timeFormat);
   const endTimeStr = (0, import_utils.formatTime)(end, timeFormat);
-  const startDatePart = (0, import_utils.getDatePartDisplay)({
-    date: start,
-    dateFormat,
-    weekdayFormat,
-    referenceDate,
-    dateFormatOverride
-  });
-  const endDatePart = (0, import_utils.getDatePartDisplay)({
-    date: end,
-    dateFormat,
-    weekdayFormat,
-    referenceDate,
-    dateFormatOverride
-  });
+  const getCrossDayDatePart = (date) => {
+    if (!showWeekdayInCrossDay) {
+      return (0, import_utils.formatDate)(date, { ...dateFormat, ...dateFormatOverride });
+    }
+    return (0, import_utils.getDatePartDisplay)({
+      date,
+      dateFormat,
+      weekdayFormat,
+      referenceDate,
+      dateFormatOverride
+    });
+  };
+  const startDatePart = getCrossDayDatePart(start);
+  const endDatePart = getCrossDayDatePart(end);
   const startPart = `${startTimeStr} ${startDatePart}`;
   const endPart = `${endTimeStr} ${endDatePart}`;
   const timeClass = "pisell-time-range-display-time pisell-time-range-display-time-cross";
@@ -99,7 +116,7 @@ var TimeRangeBlock = ({
     {
       key: "time-start",
       className: `${timeClass} ${className || ""}`.trim(),
-      style: inlineStyle
+      style: startInlineStyle
     },
     startPart
   ), /* @__PURE__ */ import_react.default.createElement(
@@ -109,8 +126,8 @@ var TimeRangeBlock = ({
       className: `${timeClass} ${className || ""}`.trim(),
       style: inlineStyle
     },
-    " - ",
-    endPart
+    /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-time-range-display-time-cross-sep", style: inlineStyle, "aria-hidden": true }, " - "),
+    /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-time-range-display-time-cross-end", style: endInlineStyle }, endPart)
   ));
 };
 var TimeRangeBlock_default = TimeRangeBlock;

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

@@ -52,6 +52,7 @@ var import_Holders = __toESM(require("./components/Holders"));
 var import_iconfont = __toESM(require("../../iconfont"));
 var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
 var PREFIX = "pisell-line-item";
+var ADD_TIME_PRODUCTS_PREVIEW_COUNT = 2;
 var DEFAULT_STATUS_COLOR = "#91caff";
 var getStatusOption = (status, statusOptions = []) => {
   return statusOptions.find((option) => option.key === status) || statusOptions[0] || {
@@ -68,6 +69,7 @@ var BookingLineItem = (props) => {
     cartSkuType,
     isShowBookingHeader,
     relatedProductDataSource,
+    addTimeProductDataSources = [],
     rightActions = [],
     escapeDom,
     isShowImage,
@@ -92,6 +94,7 @@ var BookingLineItem = (props) => {
     ...other
   } = props;
   const context = (0, import_useEngineContext.default)();
+  const [isAddTimeProductsExpanded, setIsAddTimeProductsExpanded] = (0, import_react.useState)(false);
   const translationOriginal = context.appHelper.utils.translationOriginal;
   const locale = ((_e = (_d = (_c = (_b = (_a = context.appHelper.utils) == null ? void 0 : _a.getApp) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c.locales) == null ? void 0 : _d.getLocale) == null ? void 0 : _e.call(_d)) || ((_g = (_f = context.appHelper.utils) == null ? void 0 : _f.storage) == null ? void 0 : _g.get("umi_locale")) || "en-US";
   const { isShowAction, actionText } = dataSource;
@@ -137,21 +140,26 @@ var BookingLineItem = (props) => {
     },
     /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-trash-01" })
   ) : null;
-  const renderStatusButton = () => /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Button,
-    {
-      className: `${PREFIX}__status`,
-      htmlType: "button",
-      disabled: !canChangeStatus,
-      loading: statusLoading,
+  const renderStatusButton = () => {
+    const statusButtonProps = {
       onClick: (e) => {
         e.preventDefault();
         e.stopPropagation();
       }
-    },
-    /* @__PURE__ */ import_react.default.createElement("span", { className: `${PREFIX}__status-label` }, currentStatus.label),
-    canChangeStatus ? /* @__PURE__ */ import_react.default.createElement(import_icons.DownOutlined, null) : null
-  );
+    };
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        className: `${PREFIX}__status`,
+        htmlType: "button",
+        disabled: !canChangeStatus,
+        loading: statusLoading,
+        ...statusButtonProps
+      },
+      /* @__PURE__ */ import_react.default.createElement("span", { className: `${PREFIX}__status-label` }, currentStatus.label),
+      canChangeStatus ? /* @__PURE__ */ import_react.default.createElement(import_icons.DownOutlined, null) : null
+    );
+  };
   const renderPromotion = ((_h = dataSource == null ? void 0 : dataSource.promotions) == null ? void 0 : _h.length) ? /* @__PURE__ */ import_react.default.createElement(
     import_Promotion.default,
     {
@@ -159,6 +167,75 @@ var BookingLineItem = (props) => {
       onClick: (item) => onPromotion == null ? void 0 : onPromotion(item)
     }
   ) : null;
+  const renderProductCard = (productDataSource, source, options = {}) => {
+    var _a2;
+    if (!productDataSource || (productDataSource == null ? void 0 : productDataSource.isGift)) return null;
+    const { showProductPromotion = true } = options;
+    const productPromotion = ((_a2 = productDataSource == null ? void 0 : productDataSource.promotions) == null ? void 0 : _a2.length) ? /* @__PURE__ */ import_react.default.createElement(
+      import_Promotion.default,
+      {
+        promotions: productDataSource.promotions,
+        onClick: (item) => onPromotion == null ? void 0 : onPromotion(item)
+      }
+    ) : null;
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+      import_basicInfo.default,
+      {
+        isShowImage,
+        dataSource: productDataSource,
+        type: cartSkuType,
+        maxSpecsCount: props.maxSpecsCount || 1
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_packages.default,
+      {
+        dataSource: productDataSource,
+        isShowImage,
+        type: cartSkuType
+      }
+    ), isShowAmountFooter ? /* @__PURE__ */ import_react.default.createElement(
+      import_AmountFooter.default,
+      {
+        item: productDataSource,
+        hideDivider: false,
+        type: "total"
+      }
+    ) : null, showProductPromotion ? productPromotion : null, isShowNote ? /* @__PURE__ */ import_react.default.createElement(
+      import_Note.default,
+      {
+        ...other,
+        item: productDataSource,
+        disabledEdit,
+        openNote: () => onNote == null ? void 0 : onNote(source)
+      }
+    ) : null);
+  };
+  const renderAddTimeProducts = () => {
+    const displayAddTimeProducts = addTimeProductDataSources.filter(
+      (item) => item && !item.isGift
+    );
+    if (displayAddTimeProducts.length === 0) return null;
+    const shouldCollapse = displayAddTimeProducts.length > ADD_TIME_PRODUCTS_PREVIEW_COUNT;
+    const visibleAddTimeProducts = isAddTimeProductsExpanded ? displayAddTimeProducts : displayAddTimeProducts.slice(0, ADD_TIME_PRODUCTS_PREVIEW_COUNT);
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { style: { margin: 0 } }), /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__add-time-products` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__section-title` }, import_utils.locales.getText("pisell2.line-item.add-time-products")), visibleAddTimeProducts.map((item, index) => {
+      const key = (item == null ? void 0 : item._id) ?? (item == null ? void 0 : item.id) ?? index;
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__add-time-product-card`, key: `${key}` }, renderProductCard(item, item));
+    }), shouldCollapse ? /* @__PURE__ */ import_react.default.createElement(
+      "button",
+      {
+        className: `${PREFIX}__add-time-products-toggle`,
+        type: "button",
+        onClick: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          setIsAddTimeProductsExpanded((expanded) => !expanded);
+        }
+      },
+      import_utils.locales.getText(
+        isAddTimeProductsExpanded ? "pisell2.line-item.collapse" : "pisell2.line-item.show-all"
+      )
+    ) : null));
+  };
   if (dataSource == null ? void 0 : dataSource.isGift) return null;
   return /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}-wrapper-container` }, /* @__PURE__ */ import_react.default.createElement(
     import_swipeAction.SwipeAction,
@@ -220,43 +297,16 @@ var BookingLineItem = (props) => {
         ) : null),
         !isShowBookingHeader ? renderDeleteButton(true) : null
       ),
-      isShowRelatedProduct && relatedProductDataSource ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { style: { margin: 0 } }), /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__related-product` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__related-product-card` }, /* @__PURE__ */ import_react.default.createElement(
-        import_basicInfo.default,
-        {
-          isShowImage,
-          dataSource: relatedProductDataSource,
-          type: cartSkuType,
-          maxSpecsCount: props.maxSpecsCount || 1
-        }
-      ), /* @__PURE__ */ import_react.default.createElement(
-        import_packages.default,
-        {
-          dataSource: relatedProductDataSource,
-          isShowImage,
-          type: cartSkuType
-        }
-      ), isShowAmountFooter ? /* @__PURE__ */ import_react.default.createElement(
-        import_AmountFooter.default,
-        {
-          item: relatedProductDataSource,
-          hideDivider: false,
-          type: "total"
-        }
-      ) : null, renderPromotion, isShowNote ? /* @__PURE__ */ import_react.default.createElement(
-        import_Note.default,
-        {
-          ...other,
-          item: relatedProductDataSource,
-          disabledEdit,
-          openNote: () => onNote == null ? void 0 : onNote(dataSource)
-        }
-      ) : null, isShowAction && actionText ? /* @__PURE__ */ import_react.default.createElement(
+      isShowRelatedProduct && relatedProductDataSource ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { style: { margin: 0 } }), /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__related-product` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__related-product-card` }, renderProductCard(relatedProductDataSource, dataSource, {
+        showProductPromotion: false
+      }), renderPromotion, isShowAction && actionText ? /* @__PURE__ */ import_react.default.createElement(
         import_Action.default,
         {
           item: dataSource,
           onAction: () => onAction == null ? void 0 : onAction(dataSource)
         }
-      ) : null))) : null
+      ) : null))) : null,
+      renderAddTimeProducts()
     )
   ), /* @__PURE__ */ import_react.default.createElement(
     import_Gift.default,

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

@@ -179,7 +179,7 @@ var convertProductToLineItemProduct = (product, translationOriginal, symbol) =>
   return mapped;
 };
 var LineItem = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const {
     dataSource = import_status.defaultValue.dataSource,
     itemType,
@@ -230,6 +230,13 @@ var LineItem = (props) => {
     if (!relatedProduct) return null;
     return convertProductToLineItemProduct(relatedProduct, translationOriginal, symbol);
   }, [relatedProduct, symbol, translationOriginal]);
+  const addTimeProductDataSources = (0, import_react.useMemo)(() => {
+    var _a2;
+    const addTimeProducts = Array.isArray((_a2 = dataSource == null ? void 0 : dataSource._extend) == null ? void 0 : _a2.addTimeProduct) ? dataSource._extend.addTimeProduct : [];
+    return addTimeProducts.map(
+      (item) => convertProductToLineItemProduct(item, translationOriginal, symbol)
+    );
+  }, [(_i = dataSource == null ? void 0 : dataSource._extend) == null ? void 0 : _i.addTimeProduct, symbol, translationOriginal]);
   if (itemKind === "product") {
     return /* @__PURE__ */ import_react.default.createElement(
       import_cartSkuCard.default,
@@ -263,6 +270,7 @@ var LineItem = (props) => {
       cartSkuType: type,
       isShowBookingHeader,
       relatedProductDataSource,
+      addTimeProductDataSources,
       rightActions,
       escapeDom,
       isShowImage,

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

@@ -223,6 +223,13 @@
     gap: 6px;
   }
 
+  &__add-time-products {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    padding: 6px 8px 8px;
+  }
+
   &__section-title {
     color: #101828;
     font-size: 12px;
@@ -240,4 +247,30 @@
       padding: 0;
     }
   }
+
+  &__add-time-product-card {
+    padding: 4px;
+    border: 1px solid var(--Gray-300, #d0d5dd);
+    border-radius: 8px;
+    background: var(--Base-White, #fff);
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+
+    .pisell-cart-sku-card__packages-wrap {
+      padding: 0;
+    }
+  }
+
+  &__add-time-products-toggle {
+    align-self: flex-start;
+    padding: 2px 0;
+    border: none;
+    background: transparent;
+    color: #1570ef;
+    font-size: 12px;
+    font-weight: 600;
+    line-height: 18px;
+    cursor: pointer;
+  }
 }

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

@@ -25,22 +25,37 @@ module.exports = __toCommonJS(locales_exports);
 var locales_default = {
   en: {
     "pisell2.line-item.resource": "Resource",
-    "pisell2.line-item.time": "Time"
+    "pisell2.line-item.time": "Time",
+    "pisell2.line-item.add-time-products": "Add time products",
+    "pisell2.line-item.show-all": "Show all",
+    "pisell2.line-item.collapse": "Collapse"
   },
   "zh-CN": {
     "pisell2.line-item.resource": "资源",
-    "pisell2.line-item.time": "时间"
+    "pisell2.line-item.time": "时间",
+    "pisell2.line-item.add-time-products": "加时商品",
+    "pisell2.line-item.show-all": "展示全部",
+    "pisell2.line-item.collapse": "收起"
   },
   "zh-HK": {
     "pisell2.line-item.resource": "資源",
-    "pisell2.line-item.time": "時間"
+    "pisell2.line-item.time": "時間",
+    "pisell2.line-item.add-time-products": "加時商品",
+    "pisell2.line-item.show-all": "展示全部",
+    "pisell2.line-item.collapse": "收起"
   },
   ja: {
     "pisell2.line-item.resource": "リソース",
-    "pisell2.line-item.time": "時間"
+    "pisell2.line-item.time": "時間",
+    "pisell2.line-item.add-time-products": "追加時間の商品",
+    "pisell2.line-item.show-all": "すべて表示",
+    "pisell2.line-item.collapse": "折りたたむ"
   },
   pt: {
     "pisell2.line-item.resource": "Recurso",
-    "pisell2.line-item.time": "Tempo"
+    "pisell2.line-item.time": "Tempo",
+    "pisell2.line-item.add-time-products": "Produtos de horário adicional",
+    "pisell2.line-item.show-all": "Ver tudo",
+    "pisell2.line-item.collapse": "Recolher"
   }
 };

package/lib/index.d.ts

@@ -122,7 +122,7 @@ export { default as CustomSelect } from './components/customSelect';
 export { default as PisellUpload } from './components/pisellUpload';
 export { default as Translation } from './components/translation';
 export { PisellLookup } from './components/pisellLookup';
-export type { PisellLookupProps, PisellLookupRef, } from './components/pisellLookup';
+export type { PisellLookupProps, PisellLookupRef, LookupInputRenderContext, } from './components/pisellLookup';
 export { PisellFind } from './components/pisellFind';
 export type { PisellFindProps, PisellFindRef } from './components/pisellFind';
 export { default as DataSourceForm } from './components/dataSourceComponents/dataSourceForm';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "6.11.212",
+  "version": "6.11.214",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -98,8 +98,8 @@
     "swiper": "^8.4.7",
     "antd-mobile": "^5.38.1",
     "vod-js-sdk-v6": "^1.4.11",
-    "@pisell/utils": "3.0.2",
     "@pisell/date-picker": "3.0.8",
+    "@pisell/utils": "3.0.2",
     "@pisell/icon": "0.0.11"
   },
   "peerDependencies": {

package/es/components/pisellTimeRangeDisplay/PisellTimeRangeDisplay.d.ts

@@ -1,32 +0,0 @@
-import React from 'react';
-import 'dayjs/locale/zh-cn';
-import 'dayjs/locale/en';
-import type { PisellTimeRangeDisplayProps } from './types';
-import './PisellTimeRangeDisplay.less';
-/**
- * PisellTimeRangeDisplay 组件
- *
- * @description
- * 纯展示型时间区间组件，将 startAt / endAt 格式化为「时间区间 + 持续时间」。
- * - 同一天：HH:mm-HH:mm，可选显示日期/星期
- * - 跨天：起止日期时间
- * - 持续时间：d h m s 格式
- * - 字段顺序由 fieldOrder 控制，可将 duration 放在中间
- *
- * @example
- * <PisellTimeRangeDisplay
- *   startAt="2026-02-04 09:00"
- *   endAt="2026-02-04 18:00"
- * />
- * // => "09:00-18:00" + "9h"
- *
- * <PisellTimeRangeDisplay
- *   startAt={start}
- *   endAt={end}
- *   fields={{ fieldOrder: ['time', 'duration', 'date', 'weekday'] }}
- *   showDateForSameDay
- * />
- */
-export declare const PisellTimeRangeDisplay: React.FC<PisellTimeRangeDisplayProps>;
-declare const _default: React.NamedExoticComponent<PisellTimeRangeDisplayProps>;
-export default _default;