@pisell/materials 3.0.61 → 3.0.63

package/lib/components/productCard/utils.js

@@ -29,594 +29,68 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/productCard/utils.ts
 var utils_exports = {};
 __export(utils_exports, {
-  deleteCacheParams: () => deleteCacheParams,
-  findNextDuration: () => findNextDuration,
-  findNextSlice: () => findNextSlice,
-  flexibleObj: () => flexibleObj,
-  formatProductListByCategory: () => formatProductListByCategory,
-  formatResource: () => formatResource,
-  formatTimes: () => formatTimes,
-  getCacheParams: () => getCacheParams,
-  getDiscountTime: () => getDiscountTime,
-  getDuration: () => getDuration,
-  getEndDate: () => getEndDate,
-  getErrorList: () => getErrorList,
-  getIsEdit: () => getIsEdit,
-  getLastServer: () => getLastServer,
-  getNowTime: () => getNowTime,
-  getProductTotalPrice: () => getProductTotalPrice,
-  getResourceTimeIsUsable: () => getResourceTimeIsUsable,
-  getServeStartTime: () => getServeStartTime,
-  getServerItemExtend: () => getServerItemExtend,
+  formatMultiDayDate: () => formatMultiDayDate,
   getServiceTime: () => getServiceTime,
-  getServiceTimes: () => getServiceTimes,
-  getShopOpeningHours: () => getShopOpeningHours,
-  isNowTime: () => isNowTime,
-  isWalkIn: () => isWalkIn,
-  request: () => request,
-  sliceDayIntoFiveMinutes: () => sliceDayIntoFiveMinutes
+  isEn: () => isEn
 });
 module.exports = __toCommonJS(utils_exports);
 var import_dayjs = __toESM(require("dayjs"));
 var import_utils = require("@pisell/utils");
-var import_lodash = require("lodash");
 var import_zh_cn = require("dayjs/locale/zh-cn");
 var import_en = require("dayjs/locale/en");
 var import_zh_tw = require("dayjs/locale/zh-tw");
-var Request = class {
-  constructor() {
-    this.request = {};
-  }
-  setRequest(val) {
-    this.request = val;
-  }
-  getRequest() {
-    return this.request;
-  }
-};
-var request = new Request();
-var getDiscountTime = (service_times) => {
-  if (!service_times) {
-    return "";
-  }
-  if (service_times < 60) {
-    return `${service_times} ${import_utils.locales.getText("pisell2.text.min")}`;
-  } else {
-    let str = "";
-    const hours = Math.floor(service_times / 60);
-    const minutes = service_times % 60;
-    str += `${hours}${import_utils.locales.getText("pisell2.text.h")}`;
-    if (minutes > 0) {
-      str += ` ${minutes}${import_utils.locales.getText("pisell2.text.min")}`;
-    }
-    return str;
-  }
-};
-var sliceDayIntoFiveMinutes = (config, locale) => {
-  let _locale = locale;
-  let dayjsLocale = _locale === "en-US" || _locale === "en" ? "en" : "zh-cn";
-  import_dayjs.default.locale(dayjsLocale);
-  const startTime = (0, import_dayjs.default)().startOf("day");
-  const endTime = (0, import_dayjs.default)().endOf("day");
-  const timeSlice = (config == null ? void 0 : config.value) || 5;
-  let timeSlices = [];
-  let durationSlicesBasedOnTime = [];
-  let currentTime = startTime;
-  while (currentTime.isBefore(endTime)) {
-    const timeLabel = currentTime.format("hh:mm A");
-    const timeValue = currentTime.format("HH:mm");
-    timeSlices.push({ label: timeLabel, value: timeValue });
-    const nextTime = currentTime.add(timeSlice, "minute");
-    const durationValue = nextTime.diff(startTime, "minute");
-    if (durationValue > 60) {
-      const durationLabel = getDiscountTime(durationValue);
-      durationSlicesBasedOnTime.push({
-        label: durationLabel,
-        value: durationValue
-      });
-    } else {
-      const durationLabel = `${durationValue} ${import_utils.locales.getText(
-        "pisell2.text.min"
-      )}`;
-      durationSlicesBasedOnTime.push({
-        label: durationLabel,
-        value: durationValue
-      });
-    }
-    currentTime = nextTime;
-  }
-  return { timeSlices, durationSlicesBasedOnTime };
-};
-var getNowTime = () => {
-  return (0, import_dayjs.default)().format("HH:mm");
-};
-var isNowTime = (time) => {
-  return time === "now";
-};
-var getServeStartTime = (start_time) => {
-  if (isNowTime(start_time)) {
-    return getNowTime();
-  }
-  return start_time;
-};
-var getServiceTime = (item, currentDate) => {
-  var _a, _b, _c, _d, _e, _f, _g;
-  if (!currentDate || !((_a = item == null ? void 0 : item._extend) == null ? void 0 : _a.start_time) || !(0, import_dayjs.default)(currentDate).isValid())
-    return "";
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var isEn = (item) => {
   const locale = (item == null ? void 0 : item.locale) || "en-US";
-  const isEn = locale === "en-US" || locale === "en";
+  const _isEn = locale === "en-US" || locale === "en";
   const localeTypes = {
     "en-US": "en",
     "zh-CN": "zh-cn",
     "zh-HK": "zh-tw"
   };
   import_dayjs.default.locale(localeTypes[locale]);
-  console.log(locale, "wh_locale");
-  const startDate = (0, import_dayjs.default)(
-    (currentDate == null ? void 0 : currentDate.format("YYYY-MM-DD")) + " " + getServeStartTime((_b = item == null ? void 0 : item._extend) == null ? void 0 : _b.start_time)
-  );
-  const startTime = startDate.format("HH:mm");
-  if (((_c = item == null ? void 0 : item._extend) == null ? void 0 : _c.sub_type) === "days") {
-    const startDate2 = (0, import_dayjs.default)((_d = item == null ? void 0 : item._extend) == null ? void 0 : _d.start_date);
-    const endDate = (0, import_dayjs.default)((_e = item == null ? void 0 : item._extend) == null ? void 0 : _e.end_date);
-    const diffInDays = endDate.diff(startDate2, "day");
-    const _format = isEn ? "ddd, DD/MM/YYYY" : "YYYY-MM-DD，ddd";
-    const date = `${startDate2.format(_format)} ~ ${endDate.format(_format)}`;
-    const duration2 = `${diffInDays} ${import_utils.locales.getText("pisell2.product.card.day")(diffInDays)}`;
-    return `${date} (${duration2})`;
-  }
-  const endTime = startDate.add(flexibleObj.getValue((_f = item == null ? void 0 : item._extend) == null ? void 0 : _f.duration), "minute").format("HH:mm");
-  const duration = getDiscountTime(flexibleObj.getValue((_g = item == null ? void 0 : item._extend) == null ? void 0 : _g.duration));
-  return `${startTime} - ${endTime} ( ${duration} )`;
-};
-var findNextSlice = ({
-  timeSlices = [],
-  index = 0,
-  date = ""
-}) => {
-  const currentTimeValue = date || (0, import_dayjs.default)().format("HH:mm");
-  for (let i = 0; i < timeSlices.length; i++) {
-    if (timeSlices[i].value !== "now") {
-      if (timeSlices[i].value >= currentTimeValue) {
-        return timeSlices[i].value;
-      }
-    }
-  }
-  return timeSlices[index].value;
-};
-var findNextDuration = (current, array, defaultValue) => {
-  for (let i = 0; i < array.length; i++) {
-    if (array[i].value == (current == null ? void 0 : current.value)) {
-      return array[i].value;
-    }
-  }
-  return defaultValue || array[0].value;
-};
-var formatProductListByCategory = (list, filterItem) => {
-  let _list = list || [];
-  if (filterItem) {
-    _list = _list.filter(filterItem);
-  }
-  let categoryObject = {};
-  for (let i = 0; i < _list.length; i++) {
-    const productItem = _list[i];
-    if ((productItem.category || []).length) {
-      for (let j = 0; j < productItem.category.length; j++) {
-        let categoryItem = productItem.category[j];
-        if (!categoryObject[categoryItem.id]) {
-          categoryObject[categoryItem.id] = {
-            ...categoryItem,
-            products: []
-          };
-        }
-        categoryObject[categoryItem.id] = {
-          ...categoryItem,
-          products: [...categoryObject[categoryItem.id].products, productItem]
-        };
-      }
-    } else {
-      if (!categoryObject["other"]) {
-        categoryObject["other"] = {
-          id: 0,
-          title: import_utils.locales.getText("pisell2.text.other"),
-          name: import_utils.locales.getText("pisell2.text.other"),
-          cover: "",
-          products: []
-        };
-      }
-      categoryObject["other"] = {
-        ...categoryObject["other"],
-        products: [...categoryObject["other"].products, productItem]
-      };
-    }
-  }
-  return Object.values(categoryObject).sort((a, b) => b.sort - a.sort);
-};
-var getResourceTimeIsUsable = (item, cacheItem) => {
-  const startDate = (0, import_dayjs.default)(
-    cacheItem._extend.start_date.format("YYYY-MM-DD") + " " + getServeStartTime(cacheItem._extend.start_time)
-  );
-  const isFlexible = flexibleObj.isFlexible(cacheItem._extend.duration);
-  let isMaxLimitRange = false;
-  let isDateRange = false;
-  let time = { ...item };
-  if (time.max_participants_limit == 0) {
-    isMaxLimitRange = true;
-  } else {
-    isMaxLimitRange = "unknown";
-  }
-  const timeStartDate = (0, import_dayjs.default)(time.start_date + " " + time.start_time).subtract(
-    1,
-    "second"
-  );
-  const timeEndDate = (0, import_dayjs.default)(time.end_date + " " + time.end_time).add(
-    1,
-    "second"
-  );
-  let bol;
-  if (isFlexible) {
-    bol = startDate.isAfter(timeStartDate) && startDate.isBefore(timeEndDate);
-  } else {
-    let endDate = startDate.add(
-      flexibleObj.getValue(cacheItem._extend.duration),
-      "minute"
-    );
-    bol = startDate.isAfter(timeStartDate) && endDate.isBefore(timeEndDate);
-  }
-  if (bol) {
-    isDateRange = true;
-  }
-  const isUsable = isDateRange;
-  time._extend = {
-    isMaxLimitRange,
-    isDateRange,
-    isUsable
-  };
-  return time;
-};
-var formatTimes = (resourceItem, cacheItem) => {
-  let usableTimes = [];
-  let _resourceItem = { ...resourceItem };
-  _resourceItem.times = _resourceItem.times.map((time) => {
-    let _time2 = getResourceTimeIsUsable(time, cacheItem);
-    if (_time2 == null ? void 0 : _time2._extend.isUsable) {
-      usableTimes.push(_time2);
-    }
-    return _time2;
-  });
-  let _time = (usableTimes || []).sort((a, b) => {
-    const aEndDate = (0, import_dayjs.default)(a.end_date + " " + a.end_time).valueOf();
-    const bEndDate = (0, import_dayjs.default)(b.end_date + " " + b.end_time).valueOf();
-    return aEndDate - bEndDate;
-  })[0];
-  resourceItem._extend = {
-    ...resourceItem._extend,
-    usableTime: _time
-  };
-  return resourceItem;
-};
-var formatResourceProducts = (resourceItem, currentItem) => {
-  var _a;
-  let usableProduct = false;
-  let _resourceItem = { ...resourceItem };
-  const type = _resourceItem.partyroom_package.type;
-  if (type === "product_all") {
-    usableProduct = true;
-  } else {
-    if (type === "product_collection") {
-      usableProduct = !!(0, import_lodash.intersectionBy)(
-        ((_a = _resourceItem.partyroom_package) == null ? void 0 : _a.products.map((item) => ({
-          ...item,
-          id: item.product_collection_id
-        }))) || [],
-        currentItem.collection || [],
-        "id"
-      ).length;
-    } else {
-      usableProduct = _resourceItem.partyroom_package.products.some(
-        (item) => {
-          if (type === "products") {
-            if (item.product_id == currentItem.product_id) {
-              return true;
-            }
-          }
-        }
-      );
-    }
-  }
-  resourceItem._extend = {
-    ...resourceItem._extend,
-    // 是否可用
-    usableProduct
-  };
-  return resourceItem;
-};
-var getShopOpeningHours = () => {
-  return localStorage.getItem("shopOpeningHours") || "23:59";
-};
-var flexibleObj = {
-  // 创建, 增加前缀
-  create: (num) => {
-    return `flexible_${num}`;
-  },
-  // 格式化, 去除前缀
-  getValue: (str) => {
-    if (typeof str === "string" && flexibleObj.isFlexible(str)) {
-      return Number(str.replace("flexible_", ""));
-    }
-    return str;
-  },
-  // 判断当前时长是否为灵活时长
-  isFlexible: (str) => {
-    if (typeof str !== "string") {
-      return false;
-    }
-    return str.indexOf("flexible_") > -1;
-  },
-  add: (current, duration) => {
-    if (flexibleObj.isFlexible(current)) {
-      return flexibleObj.create(
-        flexibleObj.getValue(current) + duration
-      );
-    } else {
-      return Number(current) + duration;
-    }
-  }
+  return _isEn;
 };
-var getEndDate = (startDate, duration, endDate) => {
-  if (duration === "flexible") {
-    let openingDate = (0, import_dayjs.default)(
-      startDate.format("YYYY-MM-DD") + " " + getShopOpeningHours()
-    );
-    if ((0, import_dayjs.default)(startDate).isAfter(openingDate)) {
-      openingDate = openingDate.add(1, "day");
-    }
-    if (!endDate) {
-      return openingDate;
-    }
-    endDate = (0, import_dayjs.default)(endDate);
-    if (endDate.isAfter(openingDate)) {
-      return openingDate;
-    }
-    return endDate;
-  }
-  return startDate.add(duration, "minute");
-};
-var getServiceTimes = (service) => {
-  const startDate = (0, import_dayjs.default)(
-    (0, import_dayjs.default)(service._extend.start_date).format("YYYY-MM-DD ") + getServeStartTime(service._extend.start_time)
-  );
-  const endDate = startDate.add(
-    flexibleObj.getValue(service._extend.duration),
-    "minute"
-  );
-  return {
-    startDate,
-    endDate
-  };
-};
-var getErrorList = (resource, cacheItem) => {
-  var _a, _b, _c;
-  if (!(cacheItem == null ? void 0 : cacheItem.id)) {
-    return [
-      {
-        label: import_utils.locales.getText("pisell2.text.no-product-added"),
-        type: "products"
-      }
-    ];
-  }
-  if (!resource || !resource._extend || !cacheItem) {
-    return [];
-  }
-  let list = [];
-  if (!resource.usable) {
-    if (!((_a = resource == null ? void 0 : resource._extend) == null ? void 0 : _a.usableProduct)) {
-      list.push({
-        label: import_utils.locales.getText("pisell1.text.resource-error-message-1")(
-          resource.labelText,
-          cacheItem == null ? void 0 : cacheItem.title
-        ),
-        type: "product"
-      });
-    }
-    const { startDate, endDate } = getServiceTimes(cacheItem);
-    const startText = startDate.format("hh:mm A");
-    let endText = endDate.format("hh:mm A");
-    if ((0, import_dayjs.default)(endDate).isAfter(startDate, "day")) {
-      endText = import_utils.locales.getText("pisell1.text.tomorrow") + endText;
-    }
-    if (!((_b = resource._extend) == null ? void 0 : _b.usableTime)) {
-      list.push({
-        label: import_utils.locales.getText("pisell1.text.resource-error-message-2")(
-          resource.labelText,
-          startText,
-          endText
-        ),
-        type: "time"
-      });
-    } else {
-      if (!((_c = resource._extend) == null ? void 0 : _c.usableTime._extend.isMaxLimitRange)) {
-        list.push({
-          label: import_utils.locales.getText("pisell1.text.resource-error-message-3")(
-            resource.labelText,
-            startText,
-            endText
-          ),
-          type: "limit"
-        });
-      }
-    }
-  }
-  return list;
-};
-var formatResource = (resourceItem, cacheItem, formatLabel) => {
-  let _resourceItem = { ...resourceItem };
-  _resourceItem = formatTimes(_resourceItem, cacheItem);
-  _resourceItem = formatResourceProducts(_resourceItem, cacheItem);
-  _resourceItem.labelText = _resourceItem.room_name || _resourceItem.name;
-  const usable = _resourceItem._extend.usableTime && _resourceItem._extend.usableProduct;
-  _resourceItem.usable = usable;
-  if (formatLabel) {
-    _resourceItem.label = formatLabel(_resourceItem);
-  }
-  return _resourceItem;
-};
-var getLastServer = (list) => {
-  return list[list.length - 1];
+var formatMultiDayDate = (item) => {
+  const _isEn = isEn(item);
+  const startDate = (0, import_dayjs.default)(item == null ? void 0 : item.start_date);
+  const endDate = (0, import_dayjs.default)(item == null ? void 0 : item.end_date);
+  const _format = _isEn ? "ddd, DD/MM/YYYY" : "YYYY-MM-DD，ddd";
+  const date = `${startDate.format(_format)} ~ ${endDate.format(_format)}`;
+  return date;
 };
-var getCacheParams = () => {
-  const sessionData = sessionStorage.getItem("pisell2.booking.serviceParams");
-  const data = sessionData ? JSON.parse(sessionData) : null;
-  return data == null ? void 0 : data.serviceParams;
-};
-var deleteCacheParams = () => {
-  sessionStorage.removeItem("pisell2.booking.serviceParams");
-};
-var getServerItemExtend = (state, cacheItem, timeObj) => {
-  var _a;
-  if (!cacheItem.new && cacheItem._extend.endDate) {
-    return cacheItem._extend;
-  }
-  let lastServer = getLastServer(state.service.value);
-  let _extend = {
-    duration: findNextDuration(
-      cacheItem.duration,
-      timeObj.durationSlicesBasedOnTime,
-      (_a = cacheItem == null ? void 0 : cacheItem.duration) == null ? void 0 : _a.value
-    )
-  };
-  if (lastServer) {
-    _extend.resource = lastServer._extend.resource;
-    let lastServerStartDate = lastServer._extend.startDate;
-    let lastServerEndDate = lastServer._extend.endDate;
-    if ((0, import_dayjs.default)(lastServerEndDate).isAfter(lastServerStartDate, "day")) {
-      _extend.start_time = timeObj.timeSlices[timeObj.timeSlices.length - 1].value;
-    } else {
-      _extend.start_time = lastServerEndDate.format("HH:mm");
-    }
-  } else {
-    let findNextSliceProps = {
-      timeSlices: timeObj.timeSlices,
-      index: 0,
-      date: ""
-    };
-    const serviceParams = getCacheParams();
-    if (serviceParams) {
-      let str = serviceParams.start_date;
-      if (str) {
-        findNextSliceProps.date = (0, import_dayjs.default)(str).format("HH:mm");
-      }
-      let resourceId = Number(serviceParams.resource_id);
-      if (resourceId || resourceId === 0) {
-        _extend.resource = resourceId;
-      }
-    }
-    if (findNextSliceProps.date && findNextSliceProps.date !== "00:00") {
-      _extend.start_time = findNextSlice(findNextSliceProps);
-    } else {
-      if (cacheItem.currentDefaultTime) {
-        _extend.start_time = cacheItem.currentDefaultTime;
-      } else {
-        _extend.start_time = (0, import_dayjs.default)().format("HH:mm");
-      }
-    }
-  }
-  _extend = {
-    ..._extend,
-    ...cacheItem._extend
+var getServiceTime = (item, currentDate) => {
+  var _a, _b, _c, _d;
+  if (!(0, import_dayjs.default)(currentDate).isValid())
+    return "";
+  const context = (0, import_useEngineContext.default)();
+  const utils = context.appHelper.utils || {};
+  const locale = (item == null ? void 0 : item.locale) || ((_a = utils == null ? void 0 : utils.storage) == null ? void 0 : _a.get("umi_locale")) || "en-US";
+  const isEn2 = locale === "en-US" || locale === "en";
+  const localeTypes = {
+    "en-US": "en",
+    "zh-CN": "zh-cn",
+    "zh-HK": "zh-tw"
   };
-  return _extend;
-};
-var getProductTotalPrice = (item) => {
-  var _a;
-  let price = 0;
-  price += Number(item._extend.price);
-  let other = (_a = item._extend) == null ? void 0 : _a.other;
-  if (other == null ? void 0 : other.bundle) {
-    price = other == null ? void 0 : other.bundle.reduce((accumulator, currentValue) => {
-      return accumulator + Number(currentValue.price) * Number(currentValue.num);
-    }, price);
-  }
-  price = price;
-  return price;
-};
-var getDuration = (duration) => {
-  if (typeof duration === "number") {
-    return duration;
-  }
-  if (typeof duration === "object") {
-    if (duration.type === "minutes") {
-      return duration.value;
-    }
-    if (duration.type === "flexible") {
-      return "flexible";
-    }
-  }
-  return duration;
-};
-var isWalkIn = (customer_id) => {
-  if (customer_id === void 0) {
-    return true;
-  }
-  if (typeof customer_id === "string") {
-    return ["", "0", "1"].includes(customer_id);
-  }
-  return [0, 1].includes(customer_id);
-};
-var getIsEdit = (state) => {
-  var _a, _b, _c, _d, _e, _f, _g;
-  if ((_a = state.addons) == null ? void 0 : _a.edit) {
-    return true;
-  }
-  if (!state.bookingId) {
-    return true;
-  }
-  if ((_b = state.client) == null ? void 0 : _b.edit) {
-    return true;
-  }
-  if ((_c = state.date) == null ? void 0 : _c.edit) {
-    return true;
-  }
-  if ((_d = state.pet) == null ? void 0 : _d.edit) {
-    return true;
-  }
-  if ((_e = state.service) == null ? void 0 : _e.edit) {
-    return true;
-  }
-  if ((_f = state.notes) == null ? void 0 : _f.edit) {
-    return true;
+  import_dayjs.default.locale(localeTypes[locale]);
+  let startDate = (0, import_dayjs.default)(item == null ? void 0 : item.start_date);
+  let endDate = (0, import_dayjs.default)(item == null ? void 0 : item.end_date);
+  const diffInDays = endDate.diff(startDate, "day");
+  let _format = isEn2 ? "ddd, DD/MM/YYYY" : "YYYY-MM-DD，ddd";
+  if ((item == null ? void 0 : item.hasOwnProperty("format")) && ((_b = item == null ? void 0 : item.format) == null ? void 0 : _b.length) > 0) {
+    _format = isEn2 ? (_c = item == null ? void 0 : item.format) == null ? void 0 : _c[0] : (_d = item == null ? void 0 : item.format) == null ? void 0 : _d[1];
   }
-  if ((_g = state.contacts) == null ? void 0 : _g.edit) {
-    return true;
+  if (item == null ? void 0 : item.show_time) {
+    startDate = (0, import_dayjs.default)(`${item == null ? void 0 : item.start_date} ${item == null ? void 0 : item.start_time}`);
+    endDate = (0, import_dayjs.default)(`${item == null ? void 0 : item.end_date} ${item == null ? void 0 : item.end_time}`);
   }
-  return false;
+  const date = `${startDate.format(_format)} ~ ${endDate.format(_format)}`;
+  const duration = `${diffInDays} ${import_utils.locales.getText("pisell2.product.card.day")(diffInDays)}`;
+  return `${date} (${duration})`;
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  deleteCacheParams,
-  findNextDuration,
-  findNextSlice,
-  flexibleObj,
-  formatProductListByCategory,
-  formatResource,
-  formatTimes,
-  getCacheParams,
-  getDiscountTime,
-  getDuration,
-  getEndDate,
-  getErrorList,
-  getIsEdit,
-  getLastServer,
-  getNowTime,
-  getProductTotalPrice,
-  getResourceTimeIsUsable,
-  getServeStartTime,
-  getServerItemExtend,
+  formatMultiDayDate,
   getServiceTime,
-  getServiceTimes,
-  getShopOpeningHours,
-  isNowTime,
-  isWalkIn,
-  request,
-  sliceDayIntoFiveMinutes
+  isEn
 });

package/lib/components/section-footers/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface SectionFooterProps {
+    left?: React.ReactNode;
+    middle?: React.ReactNode;
+    right?: React.ReactNode;
+    className?: string;
+}
+declare const SectionFooters: (props: SectionFooterProps) => import("react").JSX.Element;
+export default SectionFooters;

package/lib/components/section-footers/index.js

@@ -0,0 +1,44 @@
+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/section-footers/index.tsx
+var section_footers_exports = {};
+__export(section_footers_exports, {
+  default: () => section_footers_default
+});
+module.exports = __toCommonJS(section_footers_exports);
+var import_react = require("react");
+var import_antd = require("antd");
+var SectionFooters = (props) => {
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
+  const { left, middle, right, className } = props;
+  return /* @__PURE__ */ React.createElement(
+    import_antd.Flex,
+    {
+      gap: "middle",
+      justify: "space-between",
+      className: `pisell-section-footers-wrapper ${className}`
+    },
+    left,
+    middle,
+    right
+  );
+};
+var section_footers_default = SectionFooters;

package/lib/components/section-footers/index.less

@@ -0,0 +1,5 @@
+.pisell-section-footers-wrapper {
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+}