@pisell/private-materials 6.0.24 → 6.0.25

package/lib/components/eventBooking/status.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @title: 日历状态列表
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-14 10:24
+ */
+export declare const statusList: {
+    status: number;
+    text: any;
+    color: string;
+}[];
+/**
+ * @title: 日历状态文案
+ * @description:
+ * @param {string} type
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-14 11:25
+ */
+export declare const statusMessage: (type: string) => any;

package/lib/components/eventBooking/status.js

@@ -0,0 +1,70 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/eventBooking/status.ts
+var status_exports = {};
+__export(status_exports, {
+  statusList: () => statusList,
+  statusMessage: () => statusMessage
+});
+module.exports = __toCommonJS(status_exports);
+var import_utils = require("@pisell/utils");
+var statusList = [
+  {
+    status: 0,
+    text: import_utils.locales.getText("pisell2.event.calendar.limit.unavailable"),
+    color: "#EAECF0"
+  },
+  {
+    status: 1,
+    text: import_utils.locales.getText("pisell2.event.calendar.limit.sold.out"),
+    color: "#D92D20"
+  },
+  {
+    status: 2,
+    text: import_utils.locales.getText("pisell2.event.calendar.limit.call.to.book"),
+    color: "#444CE7"
+  },
+  {
+    status: 3,
+    text: import_utils.locales.getText("pisell2.event.calendar.limit.filling.up.fast"),
+    color: "#CA8504"
+  },
+  {
+    status: 4,
+    text: import_utils.locales.getText("pisell2.event.calendar.limit.lots.of.space"),
+    color: "#079455"
+  }
+];
+var statusMessage = (type) => {
+  switch (type) {
+    case "booking_closed":
+      return import_utils.locales.getText("pisell2.event.calendar.booking-closed");
+    case "call_to_book":
+      return import_utils.locales.getText("pisell2.event.calendar.call-to-book");
+    case "email_to_book":
+      return import_utils.locales.getText("pisell2.event.calendar.email-to-book");
+    default:
+      return "";
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  statusList,
+  statusMessage
+});

package/lib/components/eventBooking/type.d.ts

@@ -0,0 +1,17 @@
+export declare type CalendarDataItem = {
+    date: string;
+    color: string[];
+    isExcluded: boolean;
+    schedule_ids?: number[];
+    [key: string]: any;
+};
+export declare type CalendarItemProps = {
+    date: string;
+    status?: string | null;
+    disabled?: boolean;
+    select?: boolean;
+    onClick?: (date: string) => void;
+    showMonth?: boolean;
+    dateText: string;
+    week?: string;
+};

package/lib/components/eventBooking/type.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/eventBooking/type.ts
+var type_exports = {};
+module.exports = __toCommonJS(type_exports);

package/lib/components/eventBooking/utils.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @title: 获取背景色
+ * @description:
+ * @param {string} colors
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-11 22:44
+ */
+export declare const formatBackgroundColors: (colors: string[]) => string;
+/**
+ * @title: 获取可用的 schedule
+ * @description:
+ * @param {any} schedule
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-03-05 18:05
+ */
+export declare const getUsableSchedules: (schedule: any) => boolean;
+/**
+ * @title: 获取 schedules 的所有颜色
+ * @description:
+ * @param {any} schedules
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-03-05 18:02
+ */
+export declare const getScheduleColors: (schedules: any[]) => string;
+/**
+ * @title: 格式化日期头部日期显示
+ * @description:
+ * @param {string} dateString
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-12 11:55
+ */
+export declare const formatMonthDisplay: (dateString: string) => string;
+/**
+ * @title: 资源名称
+ * @description:
+ * @param {any} data
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-02-11 13:39
+ */
+export declare const resourceTitle: (data: any) => any;

package/lib/components/eventBooking/utils.js

@@ -0,0 +1,90 @@
+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/eventBooking/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  formatBackgroundColors: () => formatBackgroundColors,
+  formatMonthDisplay: () => formatMonthDisplay,
+  getScheduleColors: () => getScheduleColors,
+  getUsableSchedules: () => getUsableSchedules,
+  resourceTitle: () => resourceTitle
+});
+module.exports = __toCommonJS(utils_exports);
+var import_dayjs = __toESM(require("dayjs"));
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var formatBackgroundColors = (colors) => {
+  let _colors = Array.from(new Set(colors.map((color) => color == null ? void 0 : color.toLocaleLowerCase()) || [])).filter((d) => !!d);
+  let colorStr = _colors.map((color, index) => {
+    return `${color} ${index * 100 / _colors.length}% ${(index + 1) * 100 / _colors.length}%`;
+  }).join(", ");
+  if (colorStr) {
+    return `conic-gradient(${colorStr})`;
+  }
+  return "";
+};
+var getUsableSchedules = (schedule) => {
+  if (!schedule) {
+    return true;
+  }
+  if (!schedule.minTime || !schedule.maxTime) {
+    return false;
+  }
+  let currentDate = (0, import_dayjs.default)();
+  if (currentDate.isAfter(schedule.maxTime)) {
+    return false;
+  }
+  return true;
+};
+var getScheduleColors = (schedules) => {
+  return formatBackgroundColors(schedules.map((d) => d.color));
+};
+var formatMonthDisplay = (dateString) => {
+  var _a;
+  const context = (0, import_useEngineContext.default)();
+  const utils = context.appHelper.utils || {};
+  const locale = ((_a = utils == null ? void 0 : utils.storage) == null ? void 0 : _a.get("umi_locale")) || "en-US";
+  const date = /* @__PURE__ */ new Date(dateString + "-01");
+  return date.toLocaleString(locale, { month: "long", year: "numeric" });
+};
+var resourceTitle = (data) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const context = (0, import_useEngineContext.default)();
+  const form = (_c = (_b = (_a = data == null ? void 0 : data.initData) == null ? void 0 : _a.boardSetting) == null ? void 0 : _b.event_v2_form) == null ? void 0 : _c.form;
+  const title = ((_d = form == null ? void 0 : form.setting) == null ? void 0 : _d.title) || (form == null ? void 0 : form.title);
+  const translation = (_f = (_e = context == null ? void 0 : context.appHelper) == null ? void 0 : _e.utils) == null ? void 0 : _f.translation;
+  return (_g = translation(title)) == null ? void 0 : _g.toLowerCase();
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formatBackgroundColors,
+  formatMonthDisplay,
+  getScheduleColors,
+  getUsableSchedules,
+  resourceTitle
+});

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 export interface LoginProps {
     title: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 interface ProductExtensionProps {
     onDataChange: any;

package/lib/components/shoppingCart/Provider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const CartContext: React.Context<any>;
+export declare const CartProvider: ({ children, props, onCard, onChange, onAddProduct, onActiveKey, }: any) => JSX.Element;

package/lib/components/shoppingCart/Provider.js

@@ -0,0 +1,110 @@
+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/shoppingCart/Provider.tsx
+var Provider_exports = {};
+__export(Provider_exports, {
+  CartContext: () => CartContext,
+  CartProvider: () => CartProvider
+});
+module.exports = __toCommonJS(Provider_exports);
+var import_react = __toESM(require("react"));
+var import_status = require("./status");
+var import_utils = require("./utils");
+var CartContext = (0, import_react.createContext)({});
+var CartProvider = ({
+  children,
+  props,
+  onCard,
+  onChange,
+  onAddProduct,
+  onActiveKey
+}) => {
+  const defaultState = { ...import_status.defaultData, ...props };
+  const [state, setState] = (0, import_react.useState)(defaultState);
+  const updateState = (newState) => {
+    console.log(newState, "wh_new");
+    setState((prevState) => {
+      return {
+        ...prevState,
+        ...newState
+      };
+    });
+  };
+  (0, import_react.useEffect)(() => {
+    const _isOpenGroup = props == null ? void 0 : props.hasOwnProperty("isOpenGroup");
+    let newState = {};
+    if (props == null ? void 0 : props.platform) {
+      newState["platform"] = props == null ? void 0 : props.platform;
+    }
+    if (_isOpenGroup) {
+      newState["isOpenGroup"] = props == null ? void 0 : props.isOpenGroup;
+    }
+    if (props == null ? void 0 : props.emptyText) {
+      newState["emptyText"] = props == null ? void 0 : props.emptyText;
+    }
+    if (props == null ? void 0 : props.productParams) {
+      newState = {
+        ...newState,
+        ...props == null ? void 0 : props.productParams
+      };
+    }
+    if (props == null ? void 0 : props.collapseParams) {
+      newState["collapseParams"] = props == null ? void 0 : props.collapseParams;
+    }
+    const params = { ...defaultState, ...newState };
+    const result = { ...params, ...(0, import_utils.formatState)(params) };
+    console.log(result, params, "result");
+    setState(result);
+  }, [
+    props == null ? void 0 : props.platform,
+    props == null ? void 0 : props.isOpenGroup,
+    props == null ? void 0 : props.emptyText,
+    props == null ? void 0 : props.productParams,
+    props == null ? void 0 : props.collapseParams
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    CartContext.Provider,
+    {
+      value: {
+        state,
+        updateState,
+        onCard,
+        onChange,
+        onAddProduct,
+        onActiveKey
+      }
+    },
+    children
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CartContext,
+  CartProvider
+});

package/lib/components/shoppingCart/components/Cart/Product.d.ts

@@ -0,0 +1,3 @@
+import { ProductProps } from '../../type';
+declare const Product: (props: ProductProps) => JSX.Element;
+export default Product;

package/lib/components/shoppingCart/components/Cart/Product.js

@@ -0,0 +1,72 @@
+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/shoppingCart/components/Cart/Product.tsx
+var Product_exports = {};
+__export(Product_exports, {
+  default: () => Product_default
+});
+module.exports = __toCommonJS(Product_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_useClearCart = __toESM(require("../../hooks/useClearCart"));
+var import_useContext = require("../../hooks/useContext");
+var import_useAddService = __toESM(require("../../hooks/useAddService"));
+var Product = (props) => {
+  const { id, lists, isAdd = true } = props;
+  const { state, onAction, onChange } = (0, import_useContext.useContext)();
+  const { disabledEdit, isShowPackageNote, isShowNote, hideAddBtn, platform } = state;
+  const clearCart = (0, import_useClearCart.default)(id);
+  const handleChange = (item, type, other) => {
+    if (disabledEdit && !(other == null ? void 0 : other.disabled)) return;
+    onChange(item, type, other);
+  };
+  const productParams = (0, import_react.useMemo)(() => {
+    return {
+      isShowNote,
+      isShowPackageNote,
+      disabledEdit
+    };
+  }, [isShowNote, isShowPackageNote, disabledEdit]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__shopping-cart-content" }, clearCart, lists == null ? void 0 : lists.map((item) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_materials.ProductCard,
+      {
+        key: item._id,
+        dataSource: item,
+        onAction: (e) => onAction == null ? void 0 : onAction(e),
+        onDelete: (e) => handleChange(e, "delete", item),
+        onNote: (e) => handleChange(e, "note", { note: e.note }),
+        onLike: (e) => handleChange(e, "like", { like_status: e.like_status }),
+        onCard: (e) => handleChange == null ? void 0 : handleChange(e, "view"),
+        ...productParams
+      }
+    );
+  }), !hideAddBtn && platform !== "h5" && isAdd ? (0, import_useAddService.default)(id, "more") : null);
+};
+var Product_default = Product;

package/lib/components/shoppingCart/components/Cart/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const Cart: () => JSX.Element;
+export default Cart;

package/lib/components/shoppingCart/components/Cart/index.js

@@ -0,0 +1,85 @@
+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/shoppingCart/components/Cart/index.tsx
+var Cart_exports = {};
+__export(Cart_exports, {
+  default: () => Cart_default
+});
+module.exports = __toCommonJS(Cart_exports);
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_useContext = require("../../hooks/useContext");
+var import_locales = __toESM(require("../../locales"));
+var import_Empty = __toESM(require("../Empty"));
+var import_Product = __toESM(require("./Product"));
+var import_index = require("./index.less");
+import_utils.locales.init(import_locales.default, localStorage.getItem("umi_locale") || "en");
+var Cart = () => {
+  const { state, updateState, onActiveKey } = (0, import_useContext.useContext)();
+  const { platform, carts, isProductList, collapseParams } = state;
+  const cartsMap = (0, import_react.useMemo)(() => {
+    return carts == null ? void 0 : carts.map((item) => {
+      var _a, _b, _c;
+      const _length = (_a = item == null ? void 0 : item.products) == null ? void 0 : _a.length;
+      return {
+        ...item,
+        label: /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__shopping-cart-label" }, `${item == null ? void 0 : item.label} ${import_utils.locales.getText(
+          "pisell2.text.shopping-cart.item"
+        )((_b = item == null ? void 0 : item.products) == null ? void 0 : _b.length)}`),
+        children: ((_c = item == null ? void 0 : item.products) == null ? void 0 : _c.length) > 0 ? /* @__PURE__ */ import_react.default.createElement(
+          import_Product.default,
+          {
+            id: item == null ? void 0 : item.key,
+            lists: item == null ? void 0 : item.products,
+            isAdd: state.maxLength > _length
+          }
+        ) : /* @__PURE__ */ import_react.default.createElement(import_Empty.default, { id: item == null ? void 0 : item.key }),
+        showArrow: platform === "shop"
+      };
+    });
+  }, [carts, platform]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-lowcode__shopping-cart") }, isProductList ? /* @__PURE__ */ import_react.default.createElement(import_Product.default, { id: void 0, lists: state == null ? void 0 : state.products }) : /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Collapse,
+    {
+      items: cartsMap,
+      showHeader: true,
+      panelBackground: "#ffffff",
+      collapsible: platform !== "shop" ? "disabled" : "-",
+      accordion: platform === "shop",
+      onChange: (key) => {
+        updateState({ activeKey: key });
+        onActiveKey(key);
+      },
+      ...collapseParams
+    }
+  ));
+};
+var Cart_default = Cart;

package/lib/components/shoppingCart/components/Cart/index.less

@@ -0,0 +1,68 @@
+.pisell-lowcode__shopping-cart {
+  .pisell-lowcode-collapse-content-box {
+    padding: 0 0 16px !important;
+  }
+
+  .pisell-lowcode-collapse-item {
+    .pisell-lowcode-collapse-header {
+      padding: 20px 0 !important;
+    }
+
+    &:first-child {
+      .pisell-lowcode-collapse-header {
+        padding: 0 0 20px !important;
+      }
+    }
+  }
+
+  .pisell-lowcode__shopping-cart-content {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+
+    .pisell-lowcode-product-card {
+      margin-bottom: 0;
+    }
+  }
+
+  .pisell-lowcode__shopping-cart-label {
+    color: var(--Base-Black, #000);
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 24px;
+  }
+
+  .pisell-lowcode__shopping-cart-clear-btn {
+    cursor: pointer;
+    color: var(--Blue-700, #175cd3);
+    font-weight: 600;
+    line-height: 24px; /* 150% */
+    display: flex;
+    align-items: center;
+    .anticon {
+      font-size: 18px;
+      margin-right: 6px;
+    }
+  }
+
+  .pisell-lowcode__shopping-cart-clear-btn-empty {
+    margin-top: 12px;
+  }
+
+  .pisell-lowcode__shopping-cart-add-service {
+    color: var(--Blue-700, #175cd3);
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 24px;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    cursor: pointer;
+  }
+
+  .pisell-lowcode__shopping-cart-add-service-products {
+    align-items: start;
+  }
+}

package/lib/components/shoppingCart/components/Empty/index.d.ts

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

package/lib/components/shoppingCart/components/Empty/index.js

@@ -0,0 +1,43 @@
+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/shoppingCart/components/Empty/index.tsx
+var Empty_exports = {};
+__export(Empty_exports, {
+  default: () => Empty_default
+});
+module.exports = __toCommonJS(Empty_exports);
+var import_useContext = require("../../hooks/useContext");
+var import_useAddService = __toESM(require("../../hooks/useAddService"));
+var import_index = require("./index.less");
+var Empty = (props) => {
+  const { state } = (0, import_useContext.useContext)();
+  const { emptyText, holders, hideAddBtn, platform } = state;
+  return /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__shopping-cart-empty" }, emptyText, !hideAddBtn && platform !== "h5" ? (0, import_useAddService.default)(props == null ? void 0 : props.id) : null);
+};
+var Empty_default = Empty;