@pisell/private-materials 6.0.24 → 6.0.25

package/es/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/es/components/eventBooking/status.js

@@ -0,0 +1,51 @@
+import { locales } from '@pisell/utils';
+
+/**
+ * @title: 日历状态列表
+ * @description: 
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-14 10:24
+ */
+export var statusList = [{
+  status: 0,
+  text: locales.getText('pisell2.event.calendar.limit.unavailable'),
+  color: '#EAECF0'
+}, {
+  status: 1,
+  text: locales.getText('pisell2.event.calendar.limit.sold.out'),
+  color: '#D92D20'
+}, {
+  status: 2,
+  text: locales.getText('pisell2.event.calendar.limit.call.to.book'),
+  color: '#444CE7'
+}, {
+  status: 3,
+  text: locales.getText('pisell2.event.calendar.limit.filling.up.fast'),
+  color: '#CA8504'
+}, {
+  status: 4,
+  text: locales.getText('pisell2.event.calendar.limit.lots.of.space'),
+  color: '#079455'
+}];
+
+/**
+ * @title: 日历状态文案
+ * @description: 
+ * @param {string} type
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-14 11:25
+ */
+export var statusMessage = function statusMessage(type) {
+  switch (type) {
+    case 'booking_closed':
+      return locales.getText('pisell2.event.calendar.booking-closed');
+    case 'call_to_book':
+      return locales.getText('pisell2.event.calendar.call-to-book');
+    case 'email_to_book':
+      return locales.getText('pisell2.event.calendar.email-to-book');
+    default:
+      return '';
+  }
+};

package/es/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/es/components/eventBooking/type.js

@@ -0,0 +1 @@
+export {};

package/es/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/es/components/eventBooking/utils.js

@@ -0,0 +1,99 @@
+import dayjs from 'dayjs';
+import useEngineContext from "../../hooks/useEngineContext";
+
+/**
+ * @title: 获取背景色
+ * @description: 
+ * @param {string} colors
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-11 22:44
+ */
+export var formatBackgroundColors = function formatBackgroundColors(colors) {
+  var _colors = Array.from(new Set(colors.map(function (color) {
+    return color === null || color === void 0 ? void 0 : color.toLocaleLowerCase();
+  }) || [])).filter(function (d) {
+    return !!d;
+  });
+  var colorStr = _colors.map(function (color, index) {
+    return "".concat(color, " ").concat(index * 100 / _colors.length, "% ").concat((index + 1) * 100 / _colors.length, "%");
+  }).join(", ");
+  if (colorStr) {
+    return "conic-gradient(".concat(colorStr, ")");
+  }
+  return '';
+};
+
+/**
+ * @title: 获取可用的 schedule
+ * @description: 
+ * @param {any} schedule
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-03-05 18:05
+ */
+export var getUsableSchedules = function getUsableSchedules(schedule) {
+  if (!schedule) {
+    return true;
+  }
+  if (!schedule.minTime || !schedule.maxTime) {
+    return false;
+  }
+  var currentDate = dayjs();
+  // 如果最大时间在当前时间之前, 代表没有可用的日程
+  if (currentDate.isAfter(schedule.maxTime)) {
+    return false;
+  }
+  return true;
+};
+
+/**
+ * @title: 获取 schedules 的所有颜色
+ * @description: 
+ * @param {any} schedules
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-03-05 18:02
+ */
+export var getScheduleColors = function getScheduleColors(schedules) {
+  return formatBackgroundColors(schedules.map(function (d) {
+    return d.color;
+  }));
+};
+
+/**
+ * @title: 格式化日期头部日期显示
+ * @description: 
+ * @param {string} dateString
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-12 11:55
+ */
+export var formatMonthDisplay = function formatMonthDisplay(dateString) {
+  var _utils$storage;
+  var context = useEngineContext();
+  var utils = context.appHelper.utils || {};
+  var locale = (utils === null || utils === void 0 || (_utils$storage = utils.storage) === null || _utils$storage === void 0 ? void 0 : _utils$storage.get('umi_locale')) || 'en-US';
+  var date = new Date(dateString + '-01');
+  return date.toLocaleString(locale, {
+    month: 'long',
+    year: 'numeric'
+  });
+};
+
+/**
+ * @title: 资源名称
+ * @description: 
+ * @param {any} data
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-02-11 13:39
+ */
+export var resourceTitle = function resourceTitle(data) {
+  var _data$initData, _form$setting, _context$appHelper, _translation;
+  var context = useEngineContext();
+  var form = data === null || data === void 0 || (_data$initData = data.initData) === null || _data$initData === void 0 || (_data$initData = _data$initData.boardSetting) === null || _data$initData === void 0 || (_data$initData = _data$initData.event_v2_form) === null || _data$initData === void 0 ? void 0 : _data$initData.form;
+  var title = (form === null || form === void 0 || (_form$setting = form.setting) === null || _form$setting === void 0 ? void 0 : _form$setting.title) || (form === null || form === void 0 ? void 0 : form.title);
+  var translation = context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 || (_context$appHelper = _context$appHelper.utils) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.translation;
+  return (_translation = translation(title)) === null || _translation === void 0 ? void 0 : _translation.toLowerCase();
+};

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

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

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

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

package/es/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/es/components/shoppingCart/Provider.js

@@ -0,0 +1,86 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { useState, createContext, useEffect } from 'react';
+import { defaultData } from "./status";
+import { formatState } from "./utils";
+export var CartContext = /*#__PURE__*/createContext({});
+export var CartProvider = function CartProvider(_ref) {
+  var children = _ref.children,
+    props = _ref.props,
+    onCard = _ref.onCard,
+    onChange = _ref.onChange,
+    onAddProduct = _ref.onAddProduct,
+    onActiveKey = _ref.onActiveKey;
+  var defaultState = _objectSpread(_objectSpread({}, defaultData), props);
+  var _useState = useState(defaultState),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+
+  /**
+   * @title: 更新数据
+   * @description:
+   * @param {any} newState
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2024-11-28 14:44
+   */
+  var updateState = function updateState(newState) {
+    console.log(newState, 'wh_new');
+    setState(function (prevState) {
+      return _objectSpread(_objectSpread({}, prevState), newState);
+    });
+  };
+
+  /**
+   * @title: 更新配置
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2024-11-28 18:40
+   */
+  useEffect(function () {
+    // 对象中是否存在开启分组参数，没有则默认true
+    var _isOpenGroup = props === null || props === void 0 ? void 0 : props.hasOwnProperty('isOpenGroup');
+    var newState = {};
+    if (props !== null && props !== void 0 && props.platform) {
+      newState['platform'] = props === null || props === void 0 ? void 0 : props.platform;
+    }
+    if (_isOpenGroup) {
+      newState['isOpenGroup'] = props === null || props === void 0 ? void 0 : props.isOpenGroup;
+    }
+    if (props !== null && props !== void 0 && props.emptyText) {
+      newState['emptyText'] = props === null || props === void 0 ? void 0 : props.emptyText;
+    }
+    if (props !== null && props !== void 0 && props.productParams) {
+      newState = _objectSpread(_objectSpread({}, newState), props === null || props === void 0 ? void 0 : props.productParams);
+    }
+    if (props !== null && props !== void 0 && props.collapseParams) {
+      newState['collapseParams'] = props === null || props === void 0 ? void 0 : props.collapseParams;
+    }
+    var params = _objectSpread(_objectSpread({}, defaultState), newState);
+    var result = _objectSpread(_objectSpread({}, params), formatState(params));
+    console.log(result, params, 'result');
+    setState(result);
+  }, [props === null || props === void 0 ? void 0 : props.platform, props === null || props === void 0 ? void 0 : props.isOpenGroup, props === null || props === void 0 ? void 0 : props.emptyText, props === null || props === void 0 ? void 0 : props.productParams, props === null || props === void 0 ? void 0 : props.collapseParams]);
+  return /*#__PURE__*/React.createElement(CartContext.Provider, {
+    value: {
+      state: state,
+      updateState: updateState,
+      onCard: onCard,
+      onChange: onChange,
+      onAddProduct: onAddProduct,
+      onActiveKey: onActiveKey
+    }
+  }, children);
+};

package/es/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/es/components/shoppingCart/components/Cart/Product.js

@@ -0,0 +1,71 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { useMemo } from 'react';
+import { ProductCard } from '@pisell/materials';
+// import ProductCard from '../../../../../../materials/src/components/productCard';
+import useClearCart from "../../hooks/useClearCart";
+import { useContext } from "../../hooks/useContext";
+import useAddService from "../../hooks/useAddService";
+var Product = function Product(props) {
+  var id = props.id,
+    lists = props.lists,
+    _props$isAdd = props.isAdd,
+    isAdd = _props$isAdd === void 0 ? true : _props$isAdd;
+  var _useContext = useContext(),
+    state = _useContext.state,
+    _onAction = _useContext.onAction,
+    onChange = _useContext.onChange;
+  var disabledEdit = state.disabledEdit,
+    isShowPackageNote = state.isShowPackageNote,
+    isShowNote = state.isShowNote,
+    hideAddBtn = state.hideAddBtn,
+    platform = state.platform;
+  var clearCart = useClearCart(id);
+
+  /**
+   * @title: 更新商品数据
+   * @description:
+   * @param {any} item
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2024-11-28 22:02
+   */
+  var handleChange = function handleChange(item, type, other) {
+    if (disabledEdit && !(other !== null && other !== void 0 && other.disabled)) return;
+    onChange(item, type, other);
+  };
+  var productParams = useMemo(function () {
+    return {
+      isShowNote: isShowNote,
+      isShowPackageNote: isShowPackageNote,
+      disabledEdit: disabledEdit
+    };
+  }, [isShowNote, isShowPackageNote, disabledEdit]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__shopping-cart-content"
+  }, clearCart, lists === null || lists === void 0 ? void 0 : lists.map(function (item) {
+    return /*#__PURE__*/React.createElement(ProductCard, _extends({
+      key: item._id,
+      dataSource: item,
+      onAction: function onAction(e) {
+        return _onAction === null || _onAction === void 0 ? void 0 : _onAction(e);
+      },
+      onDelete: function onDelete(e) {
+        return handleChange(e, 'delete', item);
+      },
+      onNote: function onNote(e) {
+        return handleChange(e, 'note', {
+          note: e.note
+        });
+      },
+      onLike: function onLike(e) {
+        return handleChange(e, 'like', {
+          like_status: e.like_status
+        });
+      },
+      onCard: function onCard(e) {
+        return handleChange === null || handleChange === void 0 ? void 0 : handleChange(e, 'view');
+      }
+    }, productParams));
+  }), !hideAddBtn && platform !== 'h5' && isAdd ? useAddService(id, 'more') : null);
+};
+export default Product;

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

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

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

@@ -0,0 +1,73 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { Collapse } from '@pisell/materials';
+import { locales } from '@pisell/utils';
+import classNames from 'classnames';
+import React, { useMemo } from 'react';
+import { useContext } from "../../hooks/useContext";
+import localeTexts from "../../locales";
+import Empty from "../Empty";
+import Product from "./Product";
+import "./index.less";
+locales.init(localeTexts, localStorage.getItem('umi_locale') || 'en');
+var Cart = function Cart() {
+  var _useContext = useContext(),
+    state = _useContext.state,
+    updateState = _useContext.updateState,
+    onActiveKey = _useContext.onActiveKey;
+  var platform = state.platform,
+    carts = state.carts,
+    isProductList = state.isProductList,
+    collapseParams = state.collapseParams;
+  /**
+   * @title: 折叠面板
+   * @description:
+   * @param {*} useMemo
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2024-11-27 15:01
+   */
+  var cartsMap = useMemo(function () {
+    return carts === null || carts === void 0 ? void 0 : carts.map(function (item) {
+      var _item$products, _item$products2, _item$products3;
+      var _length = item === null || item === void 0 || (_item$products = item.products) === null || _item$products === void 0 ? void 0 : _item$products.length;
+      return _objectSpread(_objectSpread({}, item), {}, {
+        label: /*#__PURE__*/React.createElement("div", {
+          className: "pisell-lowcode__shopping-cart-label"
+        }, "".concat(item === null || item === void 0 ? void 0 : item.label, " ").concat(locales.getText('pisell2.text.shopping-cart.item')(item === null || item === void 0 || (_item$products2 = item.products) === null || _item$products2 === void 0 ? void 0 : _item$products2.length))),
+        children: (item === null || item === void 0 || (_item$products3 = item.products) === null || _item$products3 === void 0 ? void 0 : _item$products3.length) > 0 ? /*#__PURE__*/React.createElement(Product, {
+          id: item === null || item === void 0 ? void 0 : item.key,
+          lists: item === null || item === void 0 ? void 0 : item.products,
+          isAdd: state.maxLength > _length
+        }) : /*#__PURE__*/React.createElement(Empty, {
+          id: item === null || item === void 0 ? void 0 : item.key
+        }),
+        showArrow: platform === 'shop'
+      });
+    });
+  }, [carts, platform]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('pisell-lowcode__shopping-cart')
+  }, isProductList ? /*#__PURE__*/React.createElement(Product, {
+    id: undefined,
+    lists: state === null || state === void 0 ? void 0 : state.products
+  }) : /*#__PURE__*/React.createElement(Collapse, _extends({
+    items: cartsMap,
+    showHeader: true,
+    panelBackground: "#ffffff",
+    collapsible: platform !== 'shop' ? 'disabled' : '-',
+    accordion: platform === 'shop',
+    onChange: function onChange(key) {
+      updateState({
+        activeKey: key
+      });
+      onActiveKey(key);
+    }
+  }, collapseParams)));
+};
+export default Cart;

package/es/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/es/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/es/components/shoppingCart/components/Empty/index.js

@@ -0,0 +1,15 @@
+import { useContext } from "../../hooks/useContext";
+import useAddService from "../../hooks/useAddService";
+import "./index.less";
+var Empty = function Empty(props) {
+  var _useContext = useContext(),
+    state = _useContext.state;
+  var emptyText = state.emptyText,
+    holders = state.holders,
+    hideAddBtn = state.hideAddBtn,
+    platform = state.platform;
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'pisell-lowcode__shopping-cart-empty'
+  }, emptyText, !hideAddBtn && platform !== 'h5' ? useAddService(props === null || props === void 0 ? void 0 : props.id) : null);
+};
+export default Empty;

package/es/components/shoppingCart/components/Empty/index.less

@@ -0,0 +1,19 @@
+.pisell-lowcode__shopping-cart-empty {
+  color: var(--Gray-500, #667085);
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 24px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  // height: 380px;
+  height: 40px;
+  margin: 16px 20px 20px;
+  gap: 10px;
+}
+
+.pisell-lowcode__shopping-cart-empty-multiple {
+  height: 40px;
+}

package/es/components/shoppingCart/components/Render/index.d.ts

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