@pisell/materials 1.0.446 → 1.0.448

package/lib/components/productCard/utils.js

@@ -0,0 +1,598 @@
+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/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,
+  getServiceTime: () => getServiceTime,
+  getServiceTimes: () => getServiceTimes,
+  getShopOpeningHours: () => getShopOpeningHours,
+  isNowTime: () => isNowTime,
+  isWalkIn: () => isWalkIn,
+  request: () => request,
+  sliceDayIntoFiveMinutes: () => sliceDayIntoFiveMinutes
+});
+module.exports = __toCommonJS(utils_exports);
+var import_dayjs = __toESM(require("dayjs"));
+var import_utils = require("@pisell/utils");
+var import_lodash = require("lodash");
+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) => {
+  const startDate = (0, import_dayjs.default)(
+    currentDate.format("YYYY-MM-DD") + " " + getServeStartTime(item._extend.start_time)
+  );
+  const startTime = startDate.format("HH:mm");
+  const endTime = startDate.add(flexibleObj.getValue(item._extend.duration), "minute").format("HH:mm");
+  const duration = getDiscountTime(flexibleObj.getValue(item._extend.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;
+    }
+  }
+};
+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 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
+  };
+  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;
+  }
+  if ((_g = state.contacts) == null ? void 0 : _g.edit) {
+    return true;
+  }
+  return false;
+};
+// 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,
+  getServiceTime,
+  getServiceTimes,
+  getShopOpeningHours,
+  isNowTime,
+  isWalkIn,
+  request,
+  sliceDayIntoFiveMinutes
+});

package/lib/components/record-view/index.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import "./index.less";
+import React from 'react';
+import './index.less';
 export interface RecordViewProps {
     dataSource: any[];
     header?: React.ReactNode;
@@ -15,7 +15,7 @@ export interface RecordViewProps {
     pagination?: object;
     style?: React.CSSProperties;
     onRowClick: (item: any) => void;
-    paginationType?: "default" | "scroll";
+    paginationType?: 'default' | 'scroll';
     listGap?: number;
     loadMoreData?: () => void;
     listHeight?: number;

package/lib/components/record-view/index.js

@@ -126,14 +126,15 @@ var RecordView = (props) => {
   }, []);
   const list = (0, import_react.useMemo)(() => {
     if (paginationType === "scroll") {
-      return /* @__PURE__ */ import_react.default.createElement("div", null, header && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}scroll-header-wrap` }, header), /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}scroll-left-wrap` }, header && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}scroll-header-wrap` }, header), /* @__PURE__ */ import_react.default.createElement(
         "div",
         {
           id: scrollListId,
           style: {
             height: listHeight || 400,
             overflow: "auto"
-          }
+          },
+          className: `${prefix}scroll-content-wrap`
         },
         /* @__PURE__ */ import_react.default.createElement(
           import_react_infinite_scroll_component.default,
@@ -167,7 +168,22 @@ var RecordView = (props) => {
       emptyDom
     );
   }, [props, _renderItem, _footer]);
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Row, { gutter, style, className: `${prefix}record-view` }, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: _leftSpan }, list), !detailModalDisplay && /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: rightSpan }, detail), detailModalShow && detailModalDisplay && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}detail-modal-wrap` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}modal-header` }, /* @__PURE__ */ import_react.default.createElement(
+  console.log(
+    "%c [ detail ]-209",
+    "font-size:13px; background:pink; color:#bf2c9f;",
+    detail
+  );
+  console.log(
+    "%c [ _leftSpan ]-214",
+    "font-size:13px; background:pink; color:#bf2c9f;",
+    _leftSpan
+  );
+  console.log(
+    "%c [ rightSpan ]-215",
+    "font-size:13px; background:pink; color:#bf2c9f;",
+    rightSpan
+  );
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Row, { gutter, style, className: `${prefix}record-view` }, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: _leftSpan, className: `${prefix}record-view-left` }, list), !detailModalDisplay && /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: rightSpan }, detail), detailModalShow && detailModalDisplay && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}detail-modal-wrap` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}modal-header` }, /* @__PURE__ */ import_react.default.createElement(
     import_icons.CloseOutlined,
     {
       className: `${prefix}close-icon`,

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

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

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

@@ -0,0 +1,39 @@
+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) => {
+  console.log(
+    "%c [ props ]-6",
+    "font-size:13px; background:pink; color:#bf2c9f;",
+    props
+  );
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
+  const { left, middle, right } = props;
+  return /* @__PURE__ */ React.createElement(import_antd.Flex, { gap: "middle", justify: "space-between" }, left, middle, right);
+};
+var section_footers_default = SectionFooters;