@pisell/materials 6.11.83 → 6.11.85

package/es/components/table/BasicTable/index.js

@@ -71,7 +71,7 @@ var BasicTable = function BasicTable(props) {
     var _page = formPagination.page;
     var _size = formPagination.size || 10;
     var list = [];
-    var _total = (pagination === null || pagination === void 0 ? void 0 : pagination.total) || (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) || 0;
+    var _total = total;
     if (localPagination) {
       // 这里本地前端过滤筛选
       list = calcFilterSort({
@@ -89,7 +89,7 @@ var BasicTable = function BasicTable(props) {
       list: list,
       total: _total
     };
-  }, [localPagination, dataSource, formPagination === null || formPagination === void 0 ? void 0 : formPagination.page, formPagination === null || formPagination === void 0 ? void 0 : formPagination.size, filter, sort, other.columns, pagination === null || pagination === void 0 ? void 0 : pagination.total]);
+  }, [localPagination, dataSource, formPagination === null || formPagination === void 0 ? void 0 : formPagination.page, formPagination === null || formPagination === void 0 ? void 0 : formPagination.size, filter, sort, other.columns]);
 
   // 总数
   var total = useMemo(function () {

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { MenuProps, ButtonProps } from 'antd';
+export interface ButtonGroupListItemProps {
+    id?: string;
+    isMore?: boolean;
+    menuData?: MenuProps['items'];
+    buttonProps?: ButtonProps;
+}
+interface ButtonConfigProps {
+    [id: string]: ButtonGroupListItemProps;
+}
+export declare type ButtonGroupListProps = ButtonGroupListItemProps[][];
+interface ButtonGroupPreviewProps {
+    buttonConfig?: ButtonConfigProps;
+    buttonGroupList?: ButtonGroupListProps;
+    updateButtonProps?: ButtonGroupListItemProps;
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ButtonGroupPreviewProps & React.RefAttributes<any>>>;
+export default _default;

package/lib/components/buttonGroupPreview/index.js

@@ -43,7 +43,7 @@ var updateSourceData = ({
   if (Object.keys(buttonConfig).length !== 0) {
     return buttonGroupList.map((subArray) => {
       return subArray.map((item) => {
-        if (buttonConfig.hasOwnProperty(item.id)) {
+        if (item.id && Object.prototype.hasOwnProperty.call(buttonConfig, item.id)) {
           return buttonConfig[item.id];
         }
         return item;
@@ -58,22 +58,29 @@ var ButtonGroupPreview = (0, import_react.forwardRef)(
     const sourceDatas = (0, import_react.useMemo)(() => {
       return updateSourceData({ buttonConfig, buttonGroupList });
     }, [buttonGroupList, buttonConfig]);
-    return /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { wrap: true, vertical: true, style: { marginBottom: 10 } }, sourceDatas.map((item, index) => /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { key: index }, item.map((items, index2) => {
-      const {
-        isMore = false,
-        id = "",
-        menuData = [],
-        buttonProps
-      } = items;
-      const btnProps = { ...buttonProps, ...props.updateButtonProps };
-      return isMore ? /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { menu: { items: menuData } }, /* @__PURE__ */ import_react.default.createElement(import_button.default, null, /* @__PURE__ */ import_react.default.createElement(import_icons.MoreOutlined, null))) : /* @__PURE__ */ import_react.default.createElement(
-        import_button.default,
-        {
-          key: id,
-          ...btnProps
-        }
-      );
-    }))));
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { wrap: "wrap", vertical: true, style: { marginBottom: 10 } }, sourceDatas.map(
+      (item, index) => import_react.default.createElement(
+        import_antd.Space,
+        { key: index },
+        item.map((items, index2) => {
+          const {
+            isMore = false,
+            id = "",
+            menuData = [],
+            buttonProps
+          } = items;
+          const btnProps = { ...buttonProps, ...props.updateButtonProps };
+          const { children, ...dropdownButtonProps } = btnProps;
+          return isMore ? /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { menu: { items: menuData } }, /* @__PURE__ */ import_react.default.createElement(import_button.default, { key: id, ...dropdownButtonProps }, children ?? /* @__PURE__ */ import_react.default.createElement(import_icons.MoreOutlined, null))) : /* @__PURE__ */ import_react.default.createElement(
+            import_button.default,
+            {
+              key: id,
+              ...btnProps
+            }
+          );
+        })
+      )
+    ));
   }
 );
 var buttonGroupPreview_default = (0, import_react.memo)(ButtonGroupPreview);

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import './index.less';
+interface BookingItemProps {
+    children?: React.ReactNode;
+    isShowRelatedProduct?: boolean;
+    isShowDelete?: boolean;
+    dataSource: any;
+}
+declare const BookingItem: (props: BookingItemProps) => JSX.Element;
+export default BookingItem;

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

@@ -0,0 +1,60 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/productCard/cartSkuCard/components/BookingItem/index.tsx
+var BookingItem_exports = {};
+__export(BookingItem_exports, {
+  default: () => BookingItem_default
+});
+module.exports = __toCommonJS(BookingItem_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_antd = require("antd");
+var import_timeRange = __toESM(require("../timeRange"));
+var import_resources = __toESM(require("../resources"));
+var import_index = require("./index.less");
+var PREFIX = "pisell-cart-sku-card-booking-item";
+var BookingItem = (props) => {
+  const {
+    children,
+    isShowRelatedProduct = true,
+    isShowDelete = false,
+    dataSource
+  } = props;
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: PREFIX }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)(`${PREFIX}__info`, {
+        [`${PREFIX}__info--with-delete`]: isShowDelete
+      })
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_timeRange.default, { dataSource }),
+    /* @__PURE__ */ import_react.default.createElement(import_resources.default, { dataSource })
+  ), isShowRelatedProduct && /* @__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` }, children)));
+};
+var BookingItem_default = BookingItem;

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

@@ -0,0 +1,32 @@
+.pisell-cart-sku-card-booking-item {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+
+  &__info {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    min-width: 0;
+
+    &--with-delete {
+      padding-right: 44px;
+    }
+  }
+
+  &__resource-title {
+    color: var(--Gray-900, #101828);
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 24px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  &__related-product {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+}

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

@@ -41,6 +41,12 @@ var import_weighing = __toESM(require("../weighing"));
 var import__ = require("../../index");
 var import_EditButton = __toESM(require("../../../components/Header/EditButton"));
 var import_index = require("./index.less");
+var UNIT_LABEL = {
+  KILOGRAMS: "kg",
+  GRAMS: "g",
+  POUNDS: "lb",
+  OUNCES: "oz"
+};
 var BasicInfo = (props) => {
   var _a, _b;
   const {
@@ -93,7 +99,7 @@ var BasicInfo = (props) => {
     if (!hasProductMeta) {
       return null;
     }
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, hasWeighingInfo ? /* @__PURE__ */ import_react.default.createElement(import_weighing.default, { dataSource: weighingInfo, symbol }) : null, hasSpecs ? /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, hasWeighingInfo ? /* @__PURE__ */ import_react.default.createElement(import_weighing.default, { dataSource: weighingInfo }) : null, hasSpecs ? /* @__PURE__ */ import_react.default.createElement(
       import_specs.default,
       {
         dataSource,
@@ -104,7 +110,8 @@ var BasicInfo = (props) => {
   };
   const renderProductPrice = () => {
     if (weighingInfo) {
-      return null;
+      const { unit, unit_price } = weighingInfo;
+      return `${(0, import_utils.formatAmount)(unit_price, 2, symbol)}/${UNIT_LABEL[unit]}`;
     }
     return (0, import_utils.formatAmount)(price, 2, symbol);
   };

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

@@ -34,7 +34,6 @@ __export(timeRange_exports, {
 module.exports = __toCommonJS(timeRange_exports);
 var import_iconfont = __toESM(require("../../../../iconfont"));
 var import_react = __toESM(require("react"));
-var import_antd = require("antd");
 var import_utils = require("../../../utils");
 var import_dayjs = __toESM(require("dayjs"));
 var import_zh_cn = require("dayjs/locale/zh-cn");
@@ -68,6 +67,6 @@ var TimeRange = (props) => {
   const renderTimeItem = (time) => {
     return /* @__PURE__ */ import_react.default.createElement("div", { className: "time-range-item" }, /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { className: "time-icon", type: "pisell2-clock" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "time-str" }, (0, import_dayjs.default)(time).format(_format)));
   };
-  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: `${import__.PREFIX}__time-range` }, /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { className: "time-icon", type: "pisell2-clock" }), (0, import_utils.getServiceTime)(dataSource, start_date)));
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__time-range` }, /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { className: "time-icon", type: "pisell2-clock" }), (0, import_utils.getServiceTime)(dataSource, start_date)));
 };
 var timeRange_default = TimeRange;

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

@@ -1,20 +1,18 @@
 import './index.less';
 declare type WeightUnit = 'KILOGRAMS' | 'GRAMS' | 'POUNDS' | 'OUNCES';
 interface WeighingInfo {
-    weight?: string | number;
+    weight?: number;
     tare?: {
         id?: string;
         label?: string;
-        value?: string | number;
+        value?: number;
         unit?: WeightUnit;
     };
-    net_weight?: string | number;
-    unit_price?: string | number;
+    net_weight?: number;
     unit?: WeightUnit;
 }
 interface WeighingProps {
     dataSource?: WeighingInfo;
-    symbol?: string;
 }
 declare const Weighing: (props: WeighingProps) => JSX.Element | null;
 export default Weighing;

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

@@ -48,22 +48,14 @@ var formatWeight = (value, unit) => {
   const displayUnit = UNIT_LABEL_MAP[unit || "KILOGRAMS"];
   return `${displayValue.toFixed(3)} ${displayUnit}`;
 };
-var formatUnitPrice = (value, symbol = "") => {
-  return (0, import_utils.formatAmountWithOptions)(value ?? 0, symbol, {
-    precision: 2,
-    hideDecimalForWholeNumbers: false
-  });
-};
 var Weighing = (props) => {
-  const { dataSource, symbol } = props;
+  const { dataSource } = props;
   if (!dataSource) {
     return null;
   }
-  const { weight, tare, net_weight, unit_price, unit = "KILOGRAMS" } = dataSource;
-  const unitLabel = UNIT_LABEL_MAP[unit];
-  const tareLabel = import_utils.locales.getText("pisell2.cart.sku-card.weighing.tare");
-  const netLabel = import_utils.locales.getText("pisell2.cart.sku-card.weighing.net");
-  const unitPriceText = formatUnitPrice(unit_price, symbol);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__weighing` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__weighing-row` }, /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.cart.sku-card.weighing.gross"), ":"), /* @__PURE__ */ import_react.default.createElement("span", null, formatWeight(weight, unit))), /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__weighing-row` }, /* @__PURE__ */ import_react.default.createElement("span", null, tareLabel, ":"), /* @__PURE__ */ import_react.default.createElement("span", null, formatWeight(tare == null ? void 0 : tare.value, (tare == null ? void 0 : tare.unit) || unit))), /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__weighing-row` }, /* @__PURE__ */ import_react.default.createElement("span", null, formatWeight(net_weight, unit), " ", netLabel, " @ ", unitPriceText, "/", unitLabel)));
+  const { weight, tare, net_weight, unit = "KILOGRAMS" } = dataSource;
+  const tareValue = Number((tare == null ? void 0 : tare.value) || 0);
+  const tareLabel = (tare == null ? void 0 : tare.label) || import_utils.locales.getText("pisell2.cart.sku-card.weighing.tare");
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__weighing` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__weighing-row` }, /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.cart.sku-card.weighing.gross"), ":"), /* @__PURE__ */ import_react.default.createElement("span", null, formatWeight(weight, unit))), tareValue > 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__weighing-row` }, /* @__PURE__ */ import_react.default.createElement("span", null, tareLabel, ":"), /* @__PURE__ */ import_react.default.createElement("span", null, "-", formatWeight(tareValue, (tare == null ? void 0 : tare.unit) || unit))) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__weighing-row` }, /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.cart.sku-card.weighing.net"), ":"), /* @__PURE__ */ import_react.default.createElement("span", null, formatWeight(net_weight, unit))));
 };
 var weighing_default = Weighing;

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

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

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

@@ -49,6 +49,7 @@ var import_AmountFooter = __toESM(require("./components/AmountFooter"));
 var import_MultiDay = __toESM(require("./components/MultiDay"));
 var import_Promotion = __toESM(require("./components/Promotion"));
 var import_Gift = __toESM(require("./components/Gift"));
+var import_BookingItem = __toESM(require("./components/BookingItem"));
 var import_index = require("./index.less");
 var import_iconfont = __toESM(require("../../iconfont"));
 var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
@@ -79,10 +80,12 @@ var CartSkuCard = (props) => {
     onPromotion,
     onGift,
     onChangeHolder,
+    itemType = "product",
     type,
     rightActions = [],
     escapeDom,
     maxSpecsCount = 1,
+    isShowRelatedProduct = true,
     ...other
   } = props;
   const useOpenNoteRef = (0, import_react.useRef)();
@@ -108,13 +111,7 @@ var CartSkuCard = (props) => {
             padding: "10px 0px"
           }
         },
-        /* @__PURE__ */ import_react.default.createElement(
-          import_iconfont.default,
-          {
-            type: "pisell2-trash-01",
-            style: { fontSize: 20, marginRight: 4 }
-          }
-        ),
+        /* @__PURE__ */ import_react.default.createElement("span", { style: { fontSize: 20, marginRight: 4, lineHeight: 1 } }, /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-trash-01" })),
         /* @__PURE__ */ import_react.default.createElement("span", { style: { fontSize: 12, fontWeight: 500 } }, import_utils.locales.getText("pisell2.cart.sku-card.actions.delete"))
       ),
       color: "danger",
@@ -190,7 +187,7 @@ var CartSkuCard = (props) => {
         disabledEditClick,
         onEditProduct
       }
-    ), /* @__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(
+    ), 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(
       import_sales.default,
       {
         dataSource,
@@ -278,6 +275,7 @@ var CartSkuCard = (props) => {
     return renderA2();
   };
   if (dataSource == null ? void 0 : dataSource.isGift) return null;
+  const content = renderContent();
   return /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}-wrapper-container` }, /* @__PURE__ */ import_react.default.createElement(
     import_swipeAction.SwipeAction,
     {
@@ -297,7 +295,15 @@ var CartSkuCard = (props) => {
           onCard == null ? void 0 : onCard(dataSource);
         }
       },
-      renderContent()
+      itemType === "booking" ? /* @__PURE__ */ import_react.default.createElement(
+        import_BookingItem.default,
+        {
+          dataSource,
+          isShowRelatedProduct,
+          isShowDelete
+        },
+        content
+      ) : content
     )
   ), /* @__PURE__ */ import_react.default.createElement(
     import_Gift.default,

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

@@ -46,6 +46,8 @@ var import_Promotion = __toESM(require("../cartSkuCard/components/Promotion"));
 var import_Gift = __toESM(require("../cartSkuCard/components/Gift"));
 var import_swipeAction = require("../cartSkuCard/components/swipeAction");
 var import_Action = __toESM(require("../components/Action"));
+var import_TimeRange = __toESM(require("./components/TimeRange"));
+var import_Resources = __toESM(require("./components/Resources"));
 var import_iconfont = __toESM(require("../../iconfont"));
 var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
 var PREFIX = "pisell-line-item";
@@ -221,7 +223,7 @@ var BookingLineItem = (props) => {
           /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-trash-01" })
         ) : null))
       ),
-      /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__booking-detail` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__booking-field` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__booking-field-label` }, /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-marker-pin-01" }), /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.line-item.resource"))), /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__booking-field-value` }, resourceName)), /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__booking-field` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__booking-field-label` }, /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-clock" }), /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.line-item.time"))), /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__booking-field-value` }, bookingTime || "-"))),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__booking-detail` }, /* @__PURE__ */ import_react.default.createElement(import_TimeRange.default, { dataSource }), /* @__PURE__ */ import_react.default.createElement(import_Resources.default, { dataSource })),
       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,
         {

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

@@ -0,0 +1,6 @@
+import '../../../cartSkuCard/components/resources/index.less';
+interface LineItemResourcesProps {
+    dataSource?: any;
+}
+declare const LineItemResources: (props: LineItemResourcesProps) => JSX.Element | null;
+export default LineItemResources;

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

@@ -0,0 +1,83 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/productCard/lineItem/components/Resources/index.tsx
+var Resources_exports = {};
+__export(Resources_exports, {
+  default: () => Resources_default
+});
+module.exports = __toCommonJS(Resources_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_resources = require("../../../cartSkuCard/components/resources/index.less");
+var PREFIX = "pisell-cart-sku-card";
+var ResourceTag = import_antd.Tag;
+var colors = [
+  "magenta",
+  "volcano",
+  "orange",
+  "gold",
+  "green",
+  "cyan",
+  "blue",
+  "geekblue",
+  "purple"
+];
+function getColor(n) {
+  return colors[n * 31 % colors.length];
+}
+var getResourceLabel = (resource, fallbackLabel) => {
+  var _a, _b;
+  return ((_a = resource == null ? void 0 : resource.metadata) == null ? void 0 : _a.resource_name) || ((_b = resource == null ? void 0 : resource.metadata) == null ? void 0 : _b.form_name) || fallbackLabel || "";
+};
+var LineItemResources = (props) => {
+  const { dataSource = {} } = props;
+  const resources = Array.isArray(dataSource == null ? void 0 : dataSource.resources) ? dataSource.resources : [];
+  const fallbackResourceLabel = resources.length === 1 ? dataSource == null ? void 0 : dataSource.relation_form_name : "";
+  const resourceLabels = Array.isArray(dataSource == null ? void 0 : dataSource.resources) ? resources.map((resource, index) => ({
+    id: Number(resource == null ? void 0 : resource.form_id) || Number(resource == null ? void 0 : resource.relation_id) || index + 1,
+    label: getResourceLabel(resource, fallbackResourceLabel)
+  })) : [];
+  if (!resourceLabels.length && (dataSource == null ? void 0 : dataSource.relation_form_name)) {
+    resourceLabels.push({
+      id: 1,
+      label: dataSource.relation_form_name
+    });
+  }
+  if (!resourceLabels.length) return null;
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__resources` }, resourceLabels.map((resource) => /* @__PURE__ */ import_react.default.createElement(
+    ResourceTag,
+    {
+      key: `${resource.id}-${resource.label}`,
+      color: getColor(resource.id),
+      className: "resource-tag"
+    },
+    resource.label
+  )));
+};
+var Resources_default = LineItemResources;

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

@@ -0,0 +1,11 @@
+import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/en';
+import 'dayjs/locale/zh-tw';
+import 'dayjs/locale/ja';
+import 'dayjs/locale/pt';
+import '../../../cartSkuCard/components/timeRange/index.less';
+interface LineItemTimeRangeProps {
+    dataSource?: any;
+}
+declare const LineItemTimeRange: (props: LineItemTimeRangeProps) => JSX.Element | null;
+export default LineItemTimeRange;

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

@@ -0,0 +1,103 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/productCard/lineItem/components/TimeRange/index.tsx
+var TimeRange_exports = {};
+__export(TimeRange_exports, {
+  default: () => TimeRange_default
+});
+module.exports = __toCommonJS(TimeRange_exports);
+var import_react = __toESM(require("react"));
+var import_dayjs = __toESM(require("dayjs"));
+var import_zh_cn = require("dayjs/locale/zh-cn");
+var import_en = require("dayjs/locale/en");
+var import_zh_tw = require("dayjs/locale/zh-tw");
+var import_ja = require("dayjs/locale/ja");
+var import_pt = require("dayjs/locale/pt");
+var import_utils = require("@pisell/utils");
+var import_iconfont = __toESM(require("../../../../iconfont"));
+var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
+var import_timeRange = require("../../../cartSkuCard/components/timeRange/index.less");
+var localeTypes = {
+  "en-US": "en",
+  "zh-CN": "zh-cn",
+  "zh-HK": "zh-tw",
+  ja: "ja",
+  pt: "pt"
+};
+var PREFIX = "pisell-cart-sku-card";
+var formatMultiDayDate = (start, end, isEn) => {
+  const format = isEn ? "ddd, DD/MM/YYYY" : "YYYY-MM-DD，ddd";
+  return `${start.format(format)} ~ ${end.format(format)}`;
+};
+var formatBookingTime = (booking, locale) => {
+  const start = (0, import_dayjs.default)(
+    (booking == null ? void 0 : booking.start_time) ? `${(booking == null ? void 0 : booking.start_date) || ""} ${booking.start_time}` : booking == null ? void 0 : booking.start_date
+  );
+  const end = (0, import_dayjs.default)(
+    (booking == null ? void 0 : booking.end_time) ? `${(booking == null ? void 0 : booking.end_date) || ""} ${booking.end_time}` : booking == null ? void 0 : booking.end_date
+  );
+  if (!start.isValid() || !end.isValid()) return "";
+  const isEn = locale === "en-US" || locale === "en";
+  const durationType = (booking == null ? void 0 : booking.sub_type) || (booking == null ? void 0 : booking.duration_type);
+  const startTime = (booking == null ? void 0 : booking.start_time) || start.format("HH:mm");
+  const endTime = (booking == null ? void 0 : booking.end_time) || end.format("HH:mm");
+  if (durationType === "days" && !start.isSame(end, "day")) {
+    const duration2 = end.diff(start, "day");
+    return `${formatMultiDayDate(start, end, isEn)} (${duration2}${import_utils.locales.getText(
+      "pisell2.product.card.day"
+    )(duration2)})`;
+  }
+  const dateFormat = isEn ? "DD/MM/YYYY" : "YYYY-MM-DD";
+  const dateTime = start.isSame(end, "day") ? isEn ? `${startTime} ~ ${endTime} ${start.format(dateFormat)}` : `${start.format(dateFormat)} ${startTime} ~ ${endTime}` : isEn ? `${startTime} ${start.format(dateFormat)} ~ ${endTime} ${end.format(dateFormat)}` : `${start.format(dateFormat)} ${startTime} ~ ${end.format(dateFormat)} ${endTime}`;
+  if (!durationType) return dateTime;
+  if (durationType === "minutes" || durationType === "flexible") {
+    const duration2 = end.diff(start, "minute");
+    const hours = Math.floor(duration2 / 60);
+    const minutes = duration2 % 60;
+    return `${dateTime} (${import_utils.locales.getText("pisell2.product.card.hour.minute")(
+      hours,
+      minutes
+    )})`;
+  }
+  const duration = end.diff(start, durationType);
+  return `${dateTime} (${duration})`;
+};
+var LineItemTimeRange = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const { dataSource = {} } = props;
+  const context = (0, import_useEngineContext.default)();
+  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")) || (dataSource == null ? void 0 : dataSource.locale) || "en-US";
+  const serviceTime = (0, import_react.useMemo)(() => {
+    import_dayjs.default.locale(localeTypes[locale]);
+    return formatBookingTime(dataSource, locale);
+  }, [dataSource, locale]);
+  if (!serviceTime) return null;
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__time-range` }, /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { className: "time-icon", type: "pisell2-clock" }), serviceTime);
+};
+var TimeRange_default = LineItemTimeRange;