@pisell/private-materials 3.2.12 → 3.2.14

package/lib/components/parallelResourceBooking/components/bookingAvailabilityCalendar/components/CalendarDate/index.less

@@ -1,119 +0,0 @@
-.calendar-box {
-  display: flex;
-  flex-direction: column;
-
-  .calendar-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-
-    .calendar-last-month,
-    .calendar-next-month {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      font-size: 20px;
-      cursor: pointer;
-    }
-
-    .calendar-current-month {
-      text-align: center;
-      color: #101828;
-      font-weight: 600;
-      flex: 1;
-      font-size: 16px;
-      font-weight: 600;
-      line-height: 24px;
-    }
-  }
-
-  .calendar-content {
-    margin: 10px 0 20px;
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-
-    .calendar-weeks {
-      display: grid;
-      grid-template-columns: repeat(7, 1fr);
-      gap: 8px;
-
-      .calendar-weeks-items {
-        color: #101828;
-        text-align: center;
-        font-size: 12px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 18px;
-        /* 150% */
-      }
-    }
-
-    .calendar-days {
-      display: grid;
-      grid-template-columns: repeat(7, 1fr);
-      gap: 12px;
-    }
-  }
-}
-
-.calendar-days-items {
-  position: relative;
-  display: flex;
-  height: 64px;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  flex: 1 0 0;
-  border-radius: 8px;
-  border: 1px solid #d0d5dd;
-  cursor: pointer;
-
-  .day-text {
-    position: absolute;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    top: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: #101828;
-    text-align: center;
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 24px;
-
-    &.day-line::before {
-      position: absolute;
-      bottom: 12px;
-      content: '';
-      width: 24px;
-      height: 4px;
-      flex-shrink: 0;
-      border-radius: 2px;
-      background: var(--lineColor);
-    }
-  }
-
-  &.disabledDate {
-    // border: 1px solid #eaecf0;
-    cursor: pointer;
-    background: var(--Gray-100, #f2f4f7);
-    border: none;
-  }
-
-  &.disabledSelect {
-    cursor: pointer;
-  }
-
-  &.selectDate {
-    border: 2px solid var(--Primary-600, #7f56d9);
-  }
-
-  &.other-month-days {
-    background: none;
-    border: none;
-  }
-}

package/lib/components/parallelResourceBooking/components/bookingAvailabilityCalendar/components/CalendarDate/state.d.ts

@@ -1,63 +0,0 @@
-/**
- * @title: 获取包括今天的后七天日期
- * @description:
- * @param {*}
- * @return {*}
- * @Author: 严文强
- * @Date: 2024-02-01 11:00
- */
-export declare const getNextSevenDaysList: (defaultDay: string) => string[];
-/**
- * @title: 将年月日信息只展示为天
- * @description: 如果为今天 则返回ToDay
- * @param {*}
- * @return {*}
- * @Author: 严文强
- * @Date: 2024-02-01 11:00
- */
-export declare const ShowDayOnly: (date: string) => string;
-/**
- * @title: 日历星期多语言
- * @description:
- * @param {*}
- * @return {*}
- * @Author: 严文强
- * @Date: 2024-02-01 18:42
- */
-export declare const weekListText: string[];
-/**
- * @title: 不同状态颜色值
- * @description:
- * @param {*}
- * @return {*}
- * @Author: xiangxiang.shao
- * @Date: 2024-02-19 11:35
- */
-export declare const statusColor: {
-    call_to_book: string;
-    lots_of_space: string;
-    filling_up_fast: string;
-    sold_out: string;
-    unavailable: string;
-};
-/**
- * @title: 根据预约量数据判断当前状态
- * @description:
- * @param {*}
- * @return {*}
- * @Author: xiangxiang.shao
- * @Date: 2024-02-19 11:35
- */
-export declare const getStatus: (dateLimit: any, currentDate: string, cutTime: any) => {
-    status: string;
-    disabled: boolean;
-};
-/**
- * @title: 根据当前日期以设定判断当前是否是call_to_book状态
- * @description:
- * @param {*}
- * @return {*}
- * @Author: xiangxiang.shao
- * @Date: 2024-02-21 10:10
- */
-export declare const getCallToBookStatus: (currentDate: string, dateLimitData: any, cutTime: any) => boolean;

package/lib/components/parallelResourceBooking/components/bookingAvailabilityCalendar/components/CalendarDate/state.js

@@ -1,198 +0,0 @@
-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/parallelResourceBooking/components/bookingAvailabilityCalendar/components/CalendarDate/state.ts
-var state_exports = {};
-__export(state_exports, {
-  ShowDayOnly: () => ShowDayOnly,
-  getCallToBookStatus: () => getCallToBookStatus,
-  getNextSevenDaysList: () => getNextSevenDaysList,
-  getStatus: () => getStatus,
-  statusColor: () => statusColor,
-  weekListText: () => weekListText
-});
-module.exports = __toCommonJS(state_exports);
-var import_dayjs = __toESM(require("dayjs"));
-var getNextSevenDaysList = (defaultDay) => {
-  const currentDate = (0, import_dayjs.default)(defaultDay);
-  const nextSevenDays = [];
-  for (let i = 0; i < 7; i++) {
-    const previousDay = currentDate.add(i, "day");
-    nextSevenDays.push(previousDay.format("YYYY-MM-DD"));
-  }
-  return nextSevenDays;
-};
-var ShowDayOnly = (date) => {
-  let defaultDay = (0, import_dayjs.default)().format("YYYY-MM-DD");
-  if (date == defaultDay) {
-    return "ToDay";
-  }
-  return (0, import_dayjs.default)(date).format("DD");
-};
-var weekListText = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
-var statusColor = {
-  call_to_book: "#444CE7",
-  // 请致电预订
-  lots_of_space: "#099250",
-  // 库存充足
-  filling_up_fast: "#EAAA08",
-  // 库存紧张
-  sold_out: "#D92D20",
-  // 无库存
-  unavailable: "rgba(68, 76, 231, 0.00)"
-  // 不可用
-};
-var getStatus = (dateLimit, currentDate, cutTime) => {
-  var _a, _b;
-  let status = "";
-  let disabled = false;
-  const dataItem = dateLimit[currentDate];
-  console.log(currentDate);
-  const startTime = (0, import_dayjs.default)(cutTime == null ? void 0 : cutTime.shop_time).format("YYYY-MM-DD HH:mm");
-  const startDate = (0, import_dayjs.default)(cutTime == null ? void 0 : cutTime.shop_time).format("YYYY-MM-DD");
-  const endTime = (0, import_dayjs.default)(startTime).add(cutTime == null ? void 0 : cutTime.unit, cutTime == null ? void 0 : cutTime.unit_type);
-  const endDay = endTime.format("YYYY-MM-DD");
-  try {
-    if (!dataItem) {
-      return {
-        status,
-        disabled: true
-      };
-    }
-  } catch (err) {
-    return {
-      status,
-      disabled: true
-    };
-  }
-  if (!Object.keys(dateLimit).length) {
-    return {
-      status,
-      disabled: true
-    };
-  }
-  const times = dataItem.times || [];
-  if (!times.length) {
-    disabled = true;
-  } else {
-    let useable = null;
-    if (cutTime.type === "ongoing" && currentDate === startDate) {
-      if (((_a = cutTime == null ? void 0 : cutTime["ongoing"]) == null ? void 0 : _a.type) === "before_end") {
-        useable = times.find((d) => {
-          return startTime >= d.start_at && startTime < d.end_at || d.start_at >= startTime;
-        });
-      }
-      if (((_b = cutTime == null ? void 0 : cutTime["ongoing"]) == null ? void 0 : _b.type) === "after_start") {
-        useable = times.find((d) => {
-          var _a2;
-          const _endAt = (0, import_dayjs.default)(d.start_at).add(
-            (_a2 = cutTime == null ? void 0 : cutTime["ongoing"]) == null ? void 0 : _a2.unit,
-            "minutes"
-          );
-          const _endTime = _endAt.format("YYYY-MM-DD HH:mm");
-          return startTime >= d.start_at && startTime <= _endTime || d.start_at >= startTime;
-        });
-      }
-    } else {
-      useable = times.find((d) => {
-        return startTime < d.start_at;
-      });
-    }
-    if (!useable) {
-      return {
-        status,
-        disabled: true
-      };
-    }
-    const haveUnLimit = times.find((item) => item.limit === 0);
-    if (haveUnLimit) {
-      status = "lots_of_space";
-    } else {
-      const allLimit = times.reduce((prev, next) => {
-        return prev + next.limit;
-      }, 0);
-      const allOrderCount = times.reduce((prev, next) => {
-        return prev + next.order_count;
-      }, 0);
-      const percent = (allLimit - allOrderCount) / allLimit;
-      if (percent > 0.5) {
-        status = "lots_of_space";
-      } else if (percent <= 0.5 && percent > 0) {
-        status = "filling_up_fast";
-      } else if (percent <= 0) {
-        status = "sold_out";
-      }
-    }
-  }
-  return {
-    status,
-    disabled
-  };
-};
-var getCallToBookStatus = (currentDate, dateLimitData, cutTime) => {
-  var _a, _b;
-  const timeList = ((_a = dateLimitData[currentDate]) == null ? void 0 : _a.times) || [];
-  let isShowCallToBook = false;
-  if (!currentDate || !(cutTime == null ? void 0 : cutTime.shop_time) || !(cutTime == null ? void 0 : cutTime.unit) || !(cutTime == null ? void 0 : cutTime.unit_type)) {
-    isShowCallToBook = false;
-    return isShowCallToBook;
-  }
-  if ((cutTime == null ? void 0 : cutTime.unit_type) === "hours" || (cutTime == null ? void 0 : cutTime.unit_type) === "minutes" || (cutTime == null ? void 0 : cutTime.unit_type) === "days") {
-    const startTime = (0, import_dayjs.default)().format("YYYY-MM-DD HH:mm:ss");
-    const endTime = (0, import_dayjs.default)(startTime).add(cutTime == null ? void 0 : cutTime.unit, cutTime == null ? void 0 : cutTime.unit_type).format("YYYY-MM-DD HH:mm:ss");
-    if ((0, import_dayjs.default)(currentDate).isBefore((0, import_dayjs.default)(endTime.split(" ")[0]))) {
-      isShowCallToBook = true;
-    } else {
-      if (currentDate === endTime.split(" ")[0]) {
-        const haveTime = (_b = timeList == null ? void 0 : timeList.find) == null ? void 0 : _b.call(timeList, (item) => {
-          const end_at = `${item.date} ${item.end_at}`;
-          if ((0, import_dayjs.default)(end_at).valueOf() > (0, import_dayjs.default)(endTime).valueOf()) {
-            return true;
-          }
-        });
-        if (haveTime) {
-          isShowCallToBook = false;
-        } else {
-          isShowCallToBook = true;
-        }
-      } else {
-        isShowCallToBook = false;
-      }
-    }
-  }
-  return isShowCallToBook;
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ShowDayOnly,
-  getCallToBookStatus,
-  getNextSevenDaysList,
-  getStatus,
-  statusColor,
-  weekListText
-});

package/lib/components/parallelResourceBooking/components/bookingAvailabilityCalendar/components/SelectDate/index.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import './index.less';
-declare const _default: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>;
-export default _default;

package/lib/components/parallelResourceBooking/components/bookingAvailabilityCalendar/components/SelectDate/index.js

@@ -1,122 +0,0 @@
-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/parallelResourceBooking/components/bookingAvailabilityCalendar/components/SelectDate/index.tsx
-var SelectDate_exports = {};
-__export(SelectDate_exports, {
-  default: () => SelectDate_default
-});
-module.exports = __toCommonJS(SelectDate_exports);
-var import_react = require("react");
-var import_classnames = __toESM(require("classnames"));
-var import_dayjs = __toESM(require("dayjs"));
-var import_materials = require("@pisell/materials");
-var import_Status = __toESM(require("../CalendarDate/Status"));
-var import_CalenDateWeek = __toESM(require("../CalendarDate/CalenDateWeek"));
-var import_CalendarDate = __toESM(require("../CalendarDate"));
-var import_mock = require("../../../../mock");
-var import_OpenCard = __toESM(require("../../../OpenCard"));
-var import_index = require("./index.less");
-var SelectDate = ({
-  currentDate,
-  detail,
-  currentDateChange,
-  setSurplusDisabledChange,
-  cutTime,
-  setCutTime,
-  showCalendarPopup
-}, ref) => {
-  const [dateLimitData, setDateLimitData] = (0, import_react.useState)(
-    import_mock.mock.availability_calendar.limitData
-  );
-  const calendarDateRef = (0, import_react.useRef)(null);
-  (0, import_react.useImperativeHandle)(ref, () => {
-    return {};
-  });
-  const getLimitData = (start_date, end_date) => {
-    const _list = [];
-    const start = (0, import_dayjs.default)(start_date);
-    const end = (0, import_dayjs.default)(end_date);
-    while (start.isBefore(end)) {
-      _list.push(start.format("YYYY-MM-DD"));
-      start.add(1, "days");
-    }
-    console.log("dateLimitData", dateLimitData);
-    console.log("_list", _list);
-    const haveAllData = _list.find((item) => !dateLimitData[item]);
-    if (haveAllData) {
-    }
-  };
-  const extraHeader = () => {
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        onClick: (e) => {
-          var _a;
-          e.stopPropagation();
-          (_a = calendarDateRef == null ? void 0 : calendarDateRef.current) == null ? void 0 : _a.open(currentDate, detail == null ? void 0 : detail.id);
-        }
-      },
-      /* @__PURE__ */ React.createElement(
-        import_materials.Iconfont,
-        {
-          type: "pisell2-calendar",
-          className: (0, import_classnames.default)("calendar-icon")
-        }
-      )
-    );
-  };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    import_OpenCard.default,
-    {
-      title: "Select a date",
-      initOpen: true,
-      showArrow: false,
-      isClick: false,
-      extra: showCalendarPopup ? extraHeader() : null
-    },
-    /* @__PURE__ */ React.createElement(
-      import_CalenDateWeek.default,
-      {
-        currentDate,
-        productId: detail == null ? void 0 : detail.id,
-        cutTime,
-        dateLimitData
-      }
-    ),
-    /* @__PURE__ */ React.createElement(import_Status.default, null)
-  ), /* @__PURE__ */ React.createElement(
-    import_CalendarDate.default,
-    {
-      ref: calendarDateRef,
-      cutTime,
-      dateLimitData
-    }
-  ));
-};
-var SelectDate_default = (0, import_react.forwardRef)(SelectDate);

package/lib/components/parallelResourceBooking/components/bookingAvailabilityCalendar/components/SelectDate/index.less

@@ -1,4 +0,0 @@
-.calendar-icon {
-  font-size: 24px;
-  cursor: pointer;
-}

package/lib/components/parallelResourceBooking/components/bookingAvailabilityCalendar/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface BookingAvailabilityCalendarProps {
-    showCalendarPopup?: boolean;
-    onDateChange?: (date: string) => void;
-    detail?: any;
-    currentDate?: string;
-    cutTime?: any;
-    onCurrentDateChange?: (date: string) => void;
-    onCutTimeChange?: (date: string) => void;
-    onSurplusDisabledChange?: (date: boolean) => void;
-}
-declare const BookingAvailabilityCalendar: React.FC<BookingAvailabilityCalendarProps>;
-export default BookingAvailabilityCalendar;

package/lib/components/parallelResourceBooking/components/bookingAvailabilityCalendar/index.js

@@ -1,70 +0,0 @@
-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/parallelResourceBooking/components/bookingAvailabilityCalendar/index.tsx
-var bookingAvailabilityCalendar_exports = {};
-__export(bookingAvailabilityCalendar_exports, {
-  default: () => bookingAvailabilityCalendar_default
-});
-module.exports = __toCommonJS(bookingAvailabilityCalendar_exports);
-var import_react = __toESM(require("react"));
-var import_SelectDate = __toESM(require("./components/SelectDate"));
-var import_mock = require("../../mock");
-var import_index = require("./index.less");
-var BookingAvailabilityCalendar = (props) => {
-  var _a, _b, _c;
-  const {
-    showCalendarPopup,
-    onDateChange,
-    detail = (_a = import_mock.mock.availability_calendar) == null ? void 0 : _a.detail,
-    currentDate = (_b = import_mock.mock.availability_calendar) == null ? void 0 : _b.currentDate,
-    cutTime = (_c = import_mock.mock.availability_calendar) == null ? void 0 : _c.cutTime,
-    onCurrentDateChange,
-    onCutTimeChange,
-    onSurplusDisabledChange
-  } = props;
-  console.log(detail, currentDate, cutTime, "detail, currentDate, cutTime");
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "event-booking-availability-calendar" }, /* @__PURE__ */ import_react.default.createElement(
-    import_SelectDate.default,
-    {
-      showCalendarPopup,
-      detail,
-      currentDate,
-      currentDateChange: (date) => {
-        onCurrentDateChange(date);
-        if (currentDate !== date) {
-          onDateChange(date);
-        }
-      },
-      setSurplusDisabledChange: onSurplusDisabledChange,
-      cutTime,
-      setCutTime: onCutTimeChange
-    }
-  ));
-};
-var bookingAvailabilityCalendar_default = BookingAvailabilityCalendar;

package/lib/components/parallelResourceBooking/components/bookingAvailabilityCalendar/index.less

@@ -1,2 +0,0 @@
-.event-booking-availability-calendar {
-}

package/lib/components/parallelResourceBooking/components/bookingAvailabilityCalendar/utils.d.ts

@@ -1,34 +0,0 @@
-import { Dayjs } from "dayjs";
-/**
- * @title: 格式化日期
- * @description:
- * @param {string} date
- * @param {string} format
- * @return {*}
- * @Author: WangHan
- * @Date: 2025-01-14 15:19
- */
-export declare const formatDate: (date: Dayjs | string, format?: string) => string;
-/**
- * @title: 获取列表中包含了几个月
- * @description:
- * @param {Dayjs} date
- * @return {*}
- * @Author: WangHan
- * @Date: 2025-01-14 15:25
- */
-export declare const getMonthIndex: (lists: any[]) => number[];
-/**
- * @title: 获取当前状态
- * @description:
- * @param {any} dateLimitData
- * @param {any} item
- * @param {any} cutTime
- * @return {*}
- * @Author: WangHan
- * @Date: 2025-01-14 15:33
- */
-export declare const getCurrentStatus: (dateLimitData: any[], item: any, cutTime: any) => {
-    currentStatus: string;
-    disabled: boolean;
-};