@pisell/private-materials 3.0.119 → 3.0.121

package/es/components/booking/info/header/index.less

@@ -48,7 +48,7 @@
       display: flex;
       align-items: center;
       gap: 10px;
-      color: var(--Base-White, #FFF);
+      color: var(--Base-White, #FFF) !important;
       font-size: 18px;
       font-style: normal;
       font-weight: 400;
@@ -57,10 +57,119 @@
       padding: 4px 12px;
       border-radius: 24px;
 
+      span {
+        color: var(--Base-White, #FFF) !important;
+      }
 
       .booking-header-right-status-icon {
         font-size: 20px;
       }
     }
   }
+}
+
+.go-payments-modal-wrap {
+  padding: 0;
+}
+
+.go-payments-modal-content {
+  margin: 0 -24px;
+
+  .go-payments-modal-content-title {
+    color: var(--Gray-900, #101828);
+    font-size: 24px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 32px;
+    padding: 0 24px;
+  }
+
+  .go-payments-modal-content-desc {
+    color: var(--Gray-900, #101828);
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 24px;
+    padding: 0 24px;
+    margin-top: 4px;
+  }
+
+  .cancelled-modal-content-title {
+    color: var(--Gray-900, #101828);
+    font-size: 24px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 32px;
+    padding: 0 24px;
+  }
+
+  .cancelled-modal-content-desc {
+    margin-top: 4px;
+    color: #101828;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 24px;
+    padding: 0 24px;
+
+    &.cancelled-modal-content-desc-red {
+      color: var(--Error-600, #D92D20);
+    }
+  }
+
+  .cancelled-modal-content-list-wrap {
+    padding: 0 24px;
+
+    .cancelled-modal-content-list-title {
+      color: var(--Gray-900, #101828);
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 24px;
+      margin-top: 4px;
+    }
+
+    .cancelled-modal-content-ul {
+      margin-top: 4px;
+
+      .cancelled-modal-content-li {
+        color: var(--Gray-900, #101828);
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 24px;
+      }
+
+    }
+
+  }
+
+  .go-payments-footer {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    border-top: 1px solid var(--Gray-200, #EAECF0);
+    margin-top: 16px;
+    padding: 24px 24px 4px;
+    width: 100%;
+
+    .go-payments-footer-btn {
+      flex: 1;
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 600;
+    }
+
+    &.go-payments-footer-column {
+      flex-direction: column;
+      gap: 12px;
+
+      .go-payments-footer-btn {
+        width: 100%;
+      }
+    }
+
+
+  }
+
 }

package/es/components/booking/info/service/addService/index.js

@@ -303,7 +303,9 @@ var Info = function Info(_ref) {
 
     // 如果弹窗打开,并且是创建, 则自动打开选择服务的弹窗
     if (state.modalOpen && !state.bookingId && state.renderType !== 'eventBooking' && ((_state$service4 = state.service) === null || _state$service4 === void 0 ? void 0 : (_state$service4$value = _state$service4.value) === null || _state$service4$value === void 0 ? void 0 : _state$service4$value.length) === 0) {
-      handleSelectService();
+      setTimeout(function () {
+        handleSelectService();
+      }, 10);
     }
   }, [state.modalOpen, state.bookingId, (_state$service5 = state.service) === null || _state$service5 === void 0 ? void 0 : _state$service5.value]);
   var showAddButton = useMemo(function () {

package/es/components/booking/info/service/editService/index.js

@@ -560,7 +560,9 @@ var Info = function Info(_, ref) {
     };
   }();
   useEffect(function () {
-    getResourcesData();
+    setTimeout(function () {
+      getResourcesData();
+    }, 20);
   }, [state.date.value]);
 
   /**

package/es/components/booking/locales.d.ts

@@ -163,6 +163,13 @@ declare const _default: {
         'pisell2.text.terminal-edit-message': string;
         "pisell2.text.actions": string;
         "pisell2.text.add-client": string;
+        "pisell2.schedule.tab.all": string;
+        "pisell2.schedule.tab.surcharge": string;
+        "pisell2.schedule.tab.resources": string;
+        "pisell2.schedule.tab.products": string;
+        "pisell2.schedule.tab.events": string;
+        "pisell2.schedule.tab.quotation": string;
+        "pisell2.schedule.tab.open-hours": string;
         'pisell2.text.variant-client-change': string;
         'pisell2.text.variant-client-no-data': string;
         'page.event.booking.text.duplicate-enrollment': string;
@@ -172,6 +179,20 @@ declare const _default: {
             list: any[];
         }) => string;
         'page.event.booking.text.duplicate-enrollment-confirm': string;
+        'page.booking.text.unconfirmed-payements': string;
+        'page.booking.text.unconfirmed-payements.msg': string;
+        'page.booking.text.go-to-payments': string;
+        'page.booking.text.cancel-only': string;
+        'page.booking.text.refund': string;
+        'page.booking.text.confirm': string;
+        'page.booking.text.go-back': string;
+        'page.booking.text.cancel-booking': string;
+        'page.booking.text.cancel-booking.msg': string;
+        'page.booking.text.disabled-tickets': string;
+        'page.booking.text.paid.msg': (x: string) => string;
+        'page.booking.text.please-choose-an-option': string;
+        'page.booking.text.please-choose-an-option-1': string;
+        'page.booking.text.please-choose-an-option-2': string;
     };
     'zh-CN': {
         'pisell2.text.refunded-amount': string;
@@ -337,6 +358,13 @@ declare const _default: {
         'page.booking.text.unlimited': string;
         "pisell2.text.actions": string;
         "pisell2.text.add-client": string;
+        "pisell2.schedule.tab.all": string;
+        "pisell2.schedule.tab.surcharge": string;
+        "pisell2.schedule.tab.resources": string;
+        "pisell2.schedule.tab.products": string;
+        "pisell2.schedule.tab.events": string;
+        "pisell2.schedule.tab.quotation": string;
+        "pisell2.schedule.tab.open-hours": string;
         'pisell2.text.variant-client-change': string;
         'pisell2.text.variant-client-no-data': string;
         'page.event.booking.text.duplicate-enrollment': string;
@@ -346,6 +374,20 @@ declare const _default: {
             list: any[];
         }) => string;
         'page.event.booking.text.duplicate-enrollment-confirm': string;
+        'page.booking.text.unconfirmed-payements': string;
+        'page.booking.text.unconfirmed-payements.msg': string;
+        'page.booking.text.go-to-payments': string;
+        'page.booking.text.cancel-only': string;
+        'page.booking.text.refund': string;
+        'page.booking.text.confirm': string;
+        'page.booking.text.go-back': string;
+        'page.booking.text.cancel-booking': string;
+        'page.booking.text.cancel-booking.msg': string;
+        'page.booking.text.disabled-tickets': string;
+        'page.booking.text.paid.msg': (x: string) => string;
+        'page.booking.text.please-choose-an-option': string;
+        'page.booking.text.please-choose-an-option-1': string;
+        'page.booking.text.please-choose-an-option-2': string;
     };
     'zh-HK': {
         'pisell2.text.refunded-amount': string;
@@ -511,6 +553,13 @@ declare const _default: {
         'page.booking.text.unlimited': string;
         "pisell2.text.actions": string;
         "pisell2.text.add-client": string;
+        "pisell2.schedule.tab.all": string;
+        "pisell2.schedule.tab.surcharge": string;
+        "pisell2.schedule.tab.resources": string;
+        "pisell2.schedule.tab.products": string;
+        "pisell2.schedule.tab.events": string;
+        "pisell2.schedule.tab.quotation": string;
+        "pisell2.schedule.tab.open-hours": string;
         'pisell2.text.variant-client-change': string;
         'pisell2.text.variant-client-no-data': string;
         'page.event.booking.text.duplicate-enrollment': string;
@@ -520,6 +569,20 @@ declare const _default: {
             list: any[];
         }) => string;
         'page.event.booking.text.duplicate-enrollment-confirm': string;
+        'page.booking.text.unconfirmed-payements': string;
+        'page.booking.text.unconfirmed-payements.msg': string;
+        'page.booking.text.go-to-payments': string;
+        'page.booking.text.cancel-only': string;
+        'page.booking.text.refund': string;
+        'page.booking.text.confirm': string;
+        'page.booking.text.go-back': string;
+        'page.booking.text.cancel-booking': string;
+        'page.booking.text.cancel-booking.msg': string;
+        'page.booking.text.disabled-tickets': string;
+        'page.booking.text.paid.msg': (x: string) => string;
+        'page.booking.text.please-choose-an-option': string;
+        'page.booking.text.please-choose-an-option-1': string;
+        'page.booking.text.please-choose-an-option-2': string;
     };
 };
 export default _default;

package/es/components/booking/locales.js

@@ -58,7 +58,7 @@ export default {
     'pisell2.text.status.confirmed': 'Confirmed',
     'pisell2.text.status.arrived': 'Arrived',
     'pisell2.text.status.started': 'Started',
-    'pisell2.text.status.cancelled': 'Cancelled',
+    'pisell2.text.status.cancelled': 'Cancel',
     'pisell2.text.status.no_show': 'No show',
     'pisell2.text.status.completed': 'Completed',
     'pisell2.text.status.booking_id': 'Booking ID',
@@ -179,6 +179,14 @@ export default {
     'pisell2.text.terminal-edit-message': "This operation cannot be performed. To proceed, please use the Pisell Terminal.",
     "pisell2.text.actions": "Actions",
     "pisell2.text.add-client": "Add customer",
+    // 日称tab
+    "pisell2.schedule.tab.all": "All",
+    "pisell2.schedule.tab.surcharge": "Surcharge",
+    "pisell2.schedule.tab.resources": "Resources",
+    "pisell2.schedule.tab.products": "Products",
+    "pisell2.schedule.tab.events": "Events",
+    "pisell2.schedule.tab.quotation": "Quotation",
+    "pisell2.schedule.tab.open-hours": "Open hours",
     'pisell2.text.variant-client-change': 'Change',
     'pisell2.text.variant-client-no-data': "No record",
     'page.event.booking.text.duplicate-enrollment': "Duplicate Enrollment",
@@ -197,7 +205,23 @@ export default {
       });
       return "".concat(customerName || '', " has already enrolled in the ").concat(title, " ").concat(listStr.join(','), ", Are you sure you want to enroll again\uFF1F");
     },
-    'page.event.booking.text.duplicate-enrollment-confirm': 'Confirm'
+    'page.event.booking.text.duplicate-enrollment-confirm': 'Confirm',
+    'page.booking.text.unconfirmed-payements': 'Unconfirmed payements',
+    'page.booking.text.unconfirmed-payements.msg': 'There are unconfirmed payments,  please confirm or void the payments first.',
+    'page.booking.text.go-to-payments': 'Go to payments',
+    'page.booking.text.cancel-only': 'Cancel only',
+    'page.booking.text.refund': 'Refund',
+    'page.booking.text.confirm': 'Confirm',
+    'page.booking.text.go-back': 'Go back',
+    'page.booking.text.cancel-booking': "Cancel Booking",
+    'page.booking.text.cancel-booking.msg': "The action is irreversible. Please proceed with caution. ",
+    'page.booking.text.disabled-tickets': "All tickets will be disabled.",
+    'page.booking.text.paid.msg': function pageBookingTextPaidMsg(x) {
+      return "The related order is ".concat(x === 'paid' ? 'paid' : 'partially paid', ".");
+    },
+    'page.booking.text.please-choose-an-option': "Please choose an option:",
+    'page.booking.text.please-choose-an-option-1': "Refund: Cancel the appointment and process a refund.",
+    'page.booking.text.please-choose-an-option-2': "Cancel only: Cancel the appointment without processing a refund. (You can still process a refund after cancellation if needed)"
   },
   'zh-CN': {
     'pisell2.text.refunded-amount': '已退金额',
@@ -265,7 +289,7 @@ export default {
     'pisell2.text.status.confirmed': '已确认',
     'pisell2.text.status.arrived': '已到达',
     'pisell2.text.status.started': '已开始',
-    'pisell2.text.status.cancelled': '已取消',
+    'pisell2.text.status.cancelled': '取消',
     'pisell2.text.status.no_show': '失约',
     'pisell2.text.status.completed': '已完成',
     'pisell2.text.status.booking_id': '预约 ID',
@@ -383,6 +407,14 @@ export default {
     'page.booking.text.unlimited': '无限制',
     "pisell2.text.actions": "操作选项",
     "pisell2.text.add-client": "添加客户",
+    // 日称tab
+    "pisell2.schedule.tab.all": "全部",
+    "pisell2.schedule.tab.surcharge": "附加费",
+    "pisell2.schedule.tab.resources": "资源",
+    "pisell2.schedule.tab.products": "商品",
+    "pisell2.schedule.tab.events": "活动",
+    "pisell2.schedule.tab.quotation": "报价单",
+    "pisell2.schedule.tab.open-hours": "营业时间",
     'pisell2.text.variant-client-change': '更改客户',
     'pisell2.text.variant-client-no-data': "暂无数据",
     'page.event.booking.text.duplicate-enrollment': "重复报名",
@@ -401,7 +433,23 @@ export default {
       });
       return "".concat(customerName || '', "\u5DF2\u62A5\u540D").concat(title, " ").concat(listStr.join(','), ", \u786E\u5B9A\u8981\u518D\u6B21\u62A5\u540D\u5417\uFF1F");
     },
-    'page.event.booking.text.duplicate-enrollment-confirm': '确认'
+    'page.event.booking.text.duplicate-enrollment-confirm': '确认',
+    'page.booking.text.unconfirmed-payements': '未确认的付款',
+    'page.booking.text.unconfirmed-payements.msg': '存在未确认的付款，请先确认收款或作废。',
+    'page.booking.text.go-to-payments': '前往收款界面',
+    'page.booking.text.cancel-only': '仅取消',
+    'page.booking.text.refund': '退款',
+    'page.booking.text.confirm': '确认',
+    'page.booking.text.go-back': '返回',
+    'page.booking.text.cancel-booking': "取消预约",
+    'page.booking.text.cancel-booking.msg': "该操作不可撤销，请谨慎操作。",
+    'page.booking.text.disabled-tickets': "所有票单将被禁用。",
+    'page.booking.text.paid.msg': function pageBookingTextPaidMsg(x) {
+      return "\u5173\u8054\u8BA2\u5355".concat(x === 'paid' ? '已支付' : '部分支付', "\u3002");
+    },
+    'page.booking.text.please-choose-an-option': "请选择：",
+    'page.booking.text.please-choose-an-option-1': "退款：取消预约，同时处理退款。",
+    'page.booking.text.please-choose-an-option-2': "仅取消：仅取消预约，但不进行退款处理。（您仍然可以在取消后再进行退款操作）"
   },
   'zh-HK': {
     'pisell2.text.refunded-amount': '已退金額',
@@ -467,7 +515,7 @@ export default {
     'pisell2.text.status.confirmed': '已确認',
     'pisell2.text.status.arrived': '已到達',
     'pisell2.text.status.started': '已開始',
-    'pisell2.text.status.cancelled': '已取消',
+    'pisell2.text.status.cancelled': '取消',
     'pisell2.text.status.no_show': '失約',
     'pisell2.text.status.completed': '已完成',
     'pisell2.text.status.booking_id': '預約 ID',
@@ -587,6 +635,14 @@ export default {
     'page.booking.text.unlimited': '無限制',
     "pisell2.text.actions": "操作選項",
     "pisell2.text.add-client": "添加客戶",
+    // 日称tab
+    "pisell2.schedule.tab.all": "全部",
+    "pisell2.schedule.tab.surcharge": "附加費",
+    "pisell2.schedule.tab.resources": "資源",
+    "pisell2.schedule.tab.products": "商品",
+    "pisell2.schedule.tab.events": "活動",
+    "pisell2.schedule.tab.quotation": "報價單",
+    "pisell2.schedule.tab.open-hours": "營業時間",
     'pisell2.text.variant-client-change': '更改客戶',
     'pisell2.text.variant-client-no-data': "暫無數據",
     'page.event.booking.text.duplicate-enrollment': "重複報名",
@@ -605,6 +661,22 @@ export default {
       });
       return "".concat(customerName || '', "\u5DF2\u5831\u540D").concat(title, " ").concat(listStr.join(','), ", \u78BA\u5B9A\u8981\u518D\u6B21\u5831\u540D\u55CE\uFF1F");
     },
-    'page.event.booking.text.duplicate-enrollment-confirm': '確認'
+    'page.event.booking.text.duplicate-enrollment-confirm': '確認',
+    'page.booking.text.unconfirmed-payements': '未確認的付款',
+    'page.booking.text.unconfirmed-payements.msg': '存在未確認的付款，請先確認收款或作廢。',
+    'page.booking.text.go-to-payments': '前往收款界面',
+    'page.booking.text.cancel-only': '僅取消',
+    'page.booking.text.refund': '退款',
+    'page.booking.text.confirm': '確認',
+    'page.booking.text.go-back': '返回',
+    'page.booking.text.cancel-booking': '取消預約',
+    'page.booking.text.cancel-booking.msg': '該操作不可撤銷，請謹慎操作。',
+    'page.booking.text.disabled-tickets': '所有票單將被禁用。',
+    'page.booking.text.paid.msg': function pageBookingTextPaidMsg(x) {
+      return "\u95DC\u806F\u8A02\u55AE".concat(x === 'paid' ? '已支付' : '部分支付', "\u3002");
+    },
+    'page.booking.text.please-choose-an-option': '請選擇：',
+    'page.booking.text.please-choose-an-option-1': '退款：取消預約，同時處理退款。',
+    'page.booking.text.please-choose-an-option-2': '僅取消：僅取消預約，但不進行退款處理。（您仍然可以在取消後再進行退款操作）'
   }
 };

package/es/components/booking/payments/index.d.ts

@@ -5,5 +5,5 @@ export interface InfoProps {
     globalState: any;
     setGlobalState: any;
 }
-declare const Payments: (props: any) => JSX.Element;
+declare const Payments: any;
 export default Payments;

package/es/components/schedules/components/ScheduleList/RenderScheduleItem/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './index.less';
+import { ScheduleItem } from '../../../type';
+declare type Item = any;
+interface RenderScheduleItemProps {
+    item?: Item;
+    onItemClick?: (item: ScheduleItem) => void;
+    onDelete?: (item: ScheduleItem) => void;
+    showDeleteIcon?: boolean;
+}
+declare const RenderScheduleItem: ({ item, onItemClick, onDelete, showDeleteIcon, }: RenderScheduleItemProps) => React.JSX.Element;
+export default RenderScheduleItem;

package/es/components/schedules/components/ScheduleList/RenderScheduleItem/index.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import AlertCircle from '@pisell/icon/es/AlertCircle';
+import { Tooltip } from 'antd';
+import useEngineContext from "../../../../../hooks/useEngineContext";
+import "./index.less";
+import XClose from '@pisell/icon/es/XClose';
+var RenderScheduleItem = function RenderScheduleItem(_ref) {
+  var _appHelper$utils;
+  var item = _ref.item,
+    onItemClick = _ref.onItemClick,
+    onDelete = _ref.onDelete,
+    showDeleteIcon = _ref.showDeleteIcon;
+  var _useEngineContext = useEngineContext(),
+    appHelper = _useEngineContext.appHelper;
+  return /*#__PURE__*/React.createElement("div", {
+    key: item.id,
+    className: "pisell-lowcode__schedule-list-item",
+    onClick: function onClick() {
+      return onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item);
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__schedule-list-item-color",
+    style: {
+      backgroundColor: item.color
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__schedule-list-item-content"
+  }, appHelper === null || appHelper === void 0 ? void 0 : (_appHelper$utils = appHelper.utils) === null || _appHelper$utils === void 0 ? void 0 : _appHelper$utils.translationShop(item.name)), item.conflict && /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Days conflict with another schedule"
+  }, /*#__PURE__*/React.createElement(AlertCircle, {
+    className: "pisell-lowcode__schedule-list-item-conflict"
+  })), showDeleteIcon && /*#__PURE__*/React.createElement(XClose, {
+    className: "pisell-lowcode__schedule-list-item-delete",
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      onDelete === null || onDelete === void 0 ? void 0 : onDelete(item);
+    }
+  }));
+};
+export default RenderScheduleItem;

package/es/components/schedules/components/ScheduleList/RenderScheduleItem/index.less

@@ -0,0 +1,38 @@
+.pisell-lowcode__schedule-list {
+  &-item {
+    display: flex;
+    align-items: center;
+    padding: 10px 16px;
+    border-radius: 8px;
+    border: 1px solid var(--Gray-true-100, #F5F5F5);
+    margin-bottom: 16px;
+    cursor: pointer;
+
+    &-color {
+      width: 12px;
+      height: 12px;
+      margin: 8px;
+      border-radius: 50%;
+    }
+
+    &-content {
+      color: var(--Gray-true-900, #141414);
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 20px;
+      flex: 1;
+    }
+
+    &-conflict {
+      color: #D92D20;
+      font-size: 16px;
+    }
+
+    &-delete {
+      margin-left: 8px;
+      font-size: 16px;
+      color: #141414;
+    }
+  }
+}

package/es/components/schedules/components/ScheduleList/index.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-import { ButtonProps } from "antd";
-import { ScheduleItem } from "../../type";
-import "./index.less";
+import React from 'react';
+import { ButtonProps } from 'antd';
+import { ScheduleItem } from '../../type';
+import './index.less';
 declare type ScheduleListType = {
     dataSource: ScheduleItem[];
     onItemClick?: (item: ScheduleItem) => void;
@@ -10,6 +10,7 @@ declare type ScheduleListType = {
     loading?: boolean;
     className?: string;
     addButtonProps?: ButtonProps;
+    showTabs?: boolean;
 };
 /**
  * 日程列表 展示日程简略信息

package/es/components/schedules/components/ScheduleList/index.js

@@ -1,12 +1,10 @@
-import React, { useMemo } from "react";
-import classNames from "classnames";
-import { Tooltip, Skeleton, Button, Empty } from "antd";
-// @ts-ignore
-import AlertCircle from "@pisell/icon/es/AlertCircle";
-// @ts-ignore
-import XClose from "@pisell/icon/es/XClose";
-import { locales } from "@pisell/utils";
-import useEngineContext from "../../../../hooks/useEngineContext";
+import React, { useMemo } from 'react';
+import classNames from 'classnames';
+import { Skeleton, Button, Empty } from 'antd';
+import TabProduct from "../../../tabProduct";
+import { locales } from '@pisell/utils';
+import { formatScheduleListByTabs } from "../../schedules/utils";
+import RenderScheduleItem from "./RenderScheduleItem";
 import "./index.less";
 /**
  * 日程列表 展示日程简略信息
@@ -15,51 +13,63 @@ import "./index.less";
  */
 var ScheduleList = function ScheduleList(props) {
   var dataSource = props.dataSource,
-    onItemClick = props.onItemClick,
+    _onItemClick = props.onItemClick,
     showDeleteIcon = props.showDeleteIcon,
-    onDelete = props.onDelete,
+    _onDelete = props.onDelete,
     loading = props.loading,
     className = props.className,
-    addButtonProps = props.addButtonProps;
-  var _useEngineContext = useEngineContext(),
-    appHelper = _useEngineContext.appHelper;
+    addButtonProps = props.addButtonProps,
+    showTabs = props.showTabs;
+
+  // 过滤和格式化日程数据
+  var renderList = useMemo(function () {
+    return formatScheduleListByTabs(dataSource);
+  }, [dataSource]);
   var content = useMemo(function () {
     if (dataSource.length === 0) {
       return /*#__PURE__*/React.createElement(Empty, {
         image: Empty.PRESENTED_IMAGE_SIMPLE,
-        description: locales.getText("pisell2.text.schedules.no-schedules")
+        description: locales.getText('pisell2.text.schedules.no-schedules')
       });
     }
-    return dataSource.map(function (item) {
-      var _appHelper$utils;
-      return /*#__PURE__*/React.createElement("div", {
-        key: item.id,
-        className: "pisell-lowcode__schedule-list-item",
-        onClick: function onClick() {
-          return onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item);
+
+    // 显示tab
+    if (showTabs) {
+      return /*#__PURE__*/React.createElement(TabProduct, {
+        scrollDom: ".pisell-lowcode__schedules-module-content-wrap",
+        list: renderList,
+        name: "schedule",
+        renderItem: function renderItem(item) {
+          return /*#__PURE__*/React.createElement(RenderScheduleItem, {
+            item: item,
+            key: item.id,
+            showDeleteIcon: showDeleteIcon,
+            onItemClick: function onItemClick() {
+              return _onItemClick === null || _onItemClick === void 0 ? void 0 : _onItemClick(item);
+            },
+            onDelete: function onDelete() {
+              return _onDelete === null || _onDelete === void 0 ? void 0 : _onDelete(item);
+            }
+          });
         }
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "pisell-lowcode__schedule-list-item-color",
-        style: {
-          backgroundColor: item.color
-        }
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "pisell-lowcode__schedule-list-item-content"
-      }, appHelper === null || appHelper === void 0 ? void 0 : (_appHelper$utils = appHelper.utils) === null || _appHelper$utils === void 0 ? void 0 : _appHelper$utils.translationShop(item.name)), item.conflict && /*#__PURE__*/React.createElement(Tooltip, {
-        title: "Days conflict with another schedule"
-      }, /*#__PURE__*/React.createElement(AlertCircle, {
-        className: "pisell-lowcode__schedule-list-item-conflict"
-      })), showDeleteIcon && /*#__PURE__*/React.createElement(XClose, {
-        className: "pisell-lowcode__schedule-list-item-delete",
-        onClick: function onClick(e) {
-          e.stopPropagation();
-          onDelete === null || onDelete === void 0 ? void 0 : onDelete(item);
-        }
-      }));
-    });
-  }, [dataSource, showDeleteIcon]);
+      });
+    } else {
+      return dataSource.map(function (item) {
+        return /*#__PURE__*/React.createElement(RenderScheduleItem, {
+          item: item,
+          showDeleteIcon: showDeleteIcon,
+          onItemClick: function onItemClick() {
+            return _onItemClick === null || _onItemClick === void 0 ? void 0 : _onItemClick(item);
+          },
+          onDelete: function onDelete() {
+            return _onDelete === null || _onDelete === void 0 ? void 0 : _onDelete(item);
+          }
+        });
+      });
+    }
+  }, [dataSource, showDeleteIcon, showTabs]);
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames("pisell-lowcode__schedule-list", className)
+    className: classNames('pisell-lowcode__schedule-list', className)
   }, /*#__PURE__*/React.createElement(Skeleton, {
     active: true,
     round: true,