@pisell/private-materials 3.0.12 → 3.0.14-2.gray

package/lib/components/schedules/calendar/utils.js

@@ -0,0 +1,51 @@
+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/schedules/calendar/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  formatAvailability: () => formatAvailability,
+  getColorBySchedules: () => getColorBySchedules
+});
+module.exports = __toCommonJS(utils_exports);
+var formatAvailability = (val) => {
+  return val.map((item) => {
+    const color = [];
+    const schedule_ids = [];
+    item.color.forEach((item2) => {
+      if (item2.color) {
+        color.push(item2.color);
+      }
+      if (item2.schedule_id) {
+        schedule_ids.push(item2.schedule_id);
+      }
+    });
+    return {
+      date: item.date,
+      color,
+      schedule_ids
+    };
+  });
+};
+var getColorBySchedules = (schedules) => {
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formatAvailability,
+  getColorBySchedules
+});

package/lib/components/schedules/components/Card/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import "./index.less";
+interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const Card: (props: Partial<CardProps>) => React.JSX.Element;
+export default Card;

package/lib/components/schedules/components/Card/index.js

@@ -0,0 +1,41 @@
+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/schedules/components/Card/index.tsx
+var Card_exports = {};
+__export(Card_exports, {
+  default: () => Card_default
+});
+module.exports = __toCommonJS(Card_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var Card = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { ...props, className: (0, import_classnames.default)("pisell-lowcode__card") });
+};
+var Card_default = Card;

package/lib/components/schedules/components/Card/index.less

@@ -0,0 +1,5 @@
+.pisell-lowcode__card {
+  border-radius: 8px;
+  border: 1px solid var(--Gray-true-100, #F5F5F5);
+  background: var(--Base-White, #FFF);
+}

package/lib/components/schedules/components/CurrentDay/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import "./index.less";
+declare type CurrentDayProps = {
+    onClose: () => void;
+    currentDay?: string;
+};
+declare const CurrentDay: (props: CurrentDayProps) => React.JSX.Element | null;
+export default CurrentDay;

package/lib/components/schedules/components/CurrentDay/index.js

@@ -0,0 +1,80 @@
+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/schedules/components/CurrentDay/index.tsx
+var CurrentDay_exports = {};
+__export(CurrentDay_exports, {
+  default: () => CurrentDay_default
+});
+module.exports = __toCommonJS(CurrentDay_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_dayjs = __toESM(require("dayjs"));
+var import_serve = require("./serve");
+var import_model = require("../../model");
+var import_ahooks = require("ahooks");
+var import_utils = require("./utils");
+var import_index = require("./index.less");
+var CurrentDay = (props) => {
+  var _a;
+  const { onClose, currentDay } = props;
+  const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
+  const _getOpenHoursByDate = (0, import_ahooks.useRequest)(import_serve.getOpenHoursByDate, {
+    manual: true,
+    onSuccess: ({ data }) => {
+      dispatch({
+        type: "setState",
+        payload: {
+          currentSelectDayDetail: {
+            ...state.currentSelectDayDetail,
+            times: data,
+            timeStr: (0, import_utils.getTimeRange)(data)
+          }
+        }
+      });
+    }
+  });
+  (0, import_react.useEffect)(() => {
+    if (currentDay) {
+      _getOpenHoursByDate.run({
+        date: (0, import_dayjs.default)(currentDay).format("YYYY-MM-DD")
+      });
+    }
+  }, [currentDay]);
+  return currentDay ? /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Alert,
+    {
+      onClose,
+      closable: true,
+      className: "current-day-alert",
+      message: (0, import_dayjs.default)(currentDay).format("ddd MMMM YYYY"),
+      description: ((_a = state.currentSelectDayDetail) == null ? void 0 : _a.timeStr) || " "
+    }
+  ) : null;
+};
+var CurrentDay_default = CurrentDay;

package/lib/components/schedules/components/CurrentDay/index.less

@@ -0,0 +1,37 @@
+.current-day-alert {
+  border-bottom: 1px solid var(--Gray-true-200, #E5E5E5);
+  background: var(--Warning-200, #FEDF89);
+  border: none;
+  margin: 0 -32px 16px;
+  border-radius: 0;
+  display: flex;
+  align-items: center;
+
+  .pisell-lowcode-alert-message {
+    color: var(--Base-Black, #000);
+    font-size: 24px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 32px;
+    margin-bottom: 0;
+  }
+
+  .pisell-lowcode-alert-description {
+    color: var(--Gray-true-600, #525252);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 20px;
+    min-height: 22px;
+  }
+
+  .anticon-close {
+    width: 32px;
+    height: 32px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 20px;
+    color: #525252;
+  }
+}

package/lib/components/schedules/components/CurrentDay/serve.d.ts

@@ -0,0 +1 @@
+export declare const getOpenHoursByDate: (params: any) => Promise<any>;

package/lib/components/schedules/components/CurrentDay/serve.js

@@ -0,0 +1,30 @@
+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/schedules/components/CurrentDay/serve.ts
+var serve_exports = {};
+__export(serve_exports, {
+  getOpenHoursByDate: () => getOpenHoursByDate
+});
+module.exports = __toCommonJS(serve_exports);
+var import_utils = require("../../utils");
+var getOpenHoursByDate = async (params) => await import_utils.request.getRequest().get("/shop/schedule/open-hours/times", params, { useCache: true });
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getOpenHoursByDate
+});

package/lib/components/schedules/components/CurrentDay/utils.d.ts

@@ -0,0 +1 @@
+export declare const getTimeRange: (array: any) => any;

package/lib/components/schedules/components/CurrentDay/utils.js

@@ -0,0 +1,44 @@
+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/schedules/components/CurrentDay/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  getTimeRange: () => getTimeRange
+});
+module.exports = __toCommonJS(utils_exports);
+var import_dayjs = __toESM(require("dayjs"));
+var getTimeRange = (array) => {
+  return array.map((d) => {
+    return (0, import_dayjs.default)(d.start_time).format("hh:mm a") + " - " + (0, import_dayjs.default)(d.end_time).format("hh:mm a");
+  }).join(", ");
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getTimeRange
+});

package/lib/components/schedules/components/DropdownSort/index.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const DropdownSort: React.FC;
+export default DropdownSort;

package/lib/components/schedules/components/DropdownSort/index.js

@@ -0,0 +1,74 @@
+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/schedules/components/DropdownSort/index.tsx
+var DropdownSort_exports = {};
+__export(DropdownSort_exports, {
+  default: () => DropdownSort_default
+});
+module.exports = __toCommonJS(DropdownSort_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var DropdownSort = (props) => {
+  const [items] = (0, import_react.useState)([
+    {
+      key: "1",
+      label: "排序值 降序"
+    },
+    {
+      key: "2",
+      label: "排序值 升序"
+    },
+    {
+      key: "3",
+      label: "商品标题 A-Z"
+    },
+    {
+      key: "4",
+      label: "商品标题 Z-A"
+    },
+    {
+      key: "5",
+      label: "创建时间 最早"
+    },
+    {
+      key: "6",
+      label: "创建时间 最晚"
+    },
+    {
+      key: "7",
+      label: "更新时间 最早"
+    },
+    {
+      key: "8",
+      label: "更新时间 最晚"
+    }
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { menu: { items } }, props.children);
+};
+var DropdownSort_default = DropdownSort;

package/lib/components/schedules/components/ResourceList/index.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import "./index.less";
+interface ResourceItem {
+    id: number;
+    title: string;
+}
+interface ResourceListProps {
+    dataSource: ResourceItem[];
+    slot?: React.ReactNode;
+    loading: boolean;
+    onClick?: (item: ResourceItem) => void;
+}
+declare const ResourceList: (props: ResourceListProps) => React.JSX.Element;
+export default ResourceList;

package/lib/components/schedules/components/ResourceList/index.js

@@ -0,0 +1,66 @@
+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/schedules/components/ResourceList/index.tsx
+var ResourceList_exports = {};
+__export(ResourceList_exports, {
+  default: () => ResourceList_default
+});
+module.exports = __toCommonJS(ResourceList_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_index = require("./index.less");
+var import_utils = require("@pisell/utils");
+var ResourceList = (props) => {
+  const { dataSource, loading, onClick } = props;
+  const goResourceItem = (item) => {
+    onClick == null ? void 0 : onClick(item);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { active: true, round: true, loading }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__resource-list" }, dataSource.map((item) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "pisell-lowcode__resource-list-item",
+        key: item.id,
+        onClick: () => {
+          goResourceItem(item);
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Popover,
+        {
+          content: import_utils.locales.getText(
+            "pisell2.text.products.edit-resource-message"
+          )
+        },
+        /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__resource-list-item-title" }, item.title)
+      )
+    );
+  })));
+};
+var ResourceList_default = ResourceList;

package/lib/components/schedules/components/ResourceList/index.less

@@ -0,0 +1,21 @@
+.pisell-lowcode__resource-list {
+  .pisell-lowcode__resource-list-item {
+    border-radius: 8px;
+    border: 1px solid var(--Gray-true-100, #F5F5F5);
+    background: var(--Base-White, #FFF);
+    margin-bottom: 16px;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 10px 16px;
+    cursor: pointer;
+
+    .pisell-lowcode__resource-list-item-title {
+      flex: 1;
+      color: var(--Gray-true-900, #141414);
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 600;
+    }
+  }
+}

package/lib/components/schedules/components/ScheduleDetailList/index.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { ScheduleItem } from "../../type";
+import "./index.less";
+declare type ScheduleDetailListPropsType = {
+    dataSource: ScheduleItem[];
+    onOpenDetail?: (id?: number) => void;
+    loading?: boolean;
+    scheduleMap: Record<string, any>;
+};
+/**
+ * 日程列表 展示日程中详细时间段信息
+ * @param props
+ * @constructor
+ */
+declare const ScheduleDetailList: (props: ScheduleDetailListPropsType) => React.JSX.Element;
+export default ScheduleDetailList;

package/lib/components/schedules/components/ScheduleDetailList/index.js

@@ -0,0 +1,90 @@
+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/schedules/components/ScheduleDetailList/index.tsx
+var ScheduleDetailList_exports = {};
+__export(ScheduleDetailList_exports, {
+  default: () => ScheduleDetailList_default
+});
+module.exports = __toCommonJS(ScheduleDetailList_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_antd = require("antd");
+var import_dayjs = __toESM(require("dayjs"));
+var import_utils2 = require("../../schedules/utils");
+var import_index = require("./index.less");
+var formatTimeAmPm = (str) => {
+  return (0, import_dayjs.default)(str).format("hh:mm A");
+};
+var startEndTime = (start, end) => {
+  return `${formatTimeAmPm(start)} - ${formatTimeAmPm(end)}`;
+};
+var ScheduleTimeItem = (props) => {
+  var _a;
+  const { item, scheduleMap } = props;
+  const renderFormat = ((_a = scheduleMap[item.id]) == null ? void 0 : _a.dateRangeFormat) || [];
+  if (!renderFormat.length || renderFormat.some(
+    (item2) => (0, import_utils2.isAllDay)({ start_time: item2.start, end_time: item2.end })
+  )) {
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__schedule-detail-item-time-item" }, import_utils.locales.getText("pisell2.text.schedules.all-day"));
+  }
+  return renderFormat.map((item2) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "pisell-lowcode__schedule-detail-item-time-item",
+        key: item2.start + item2.end
+      },
+      (0, import_utils2.isAllDay)({ start_time: item2.start, end_time: item2.end }) ? import_utils.locales.getText("pisell2.text.schedules.all-day") : startEndTime(item2.start, item2.end)
+    );
+  });
+};
+var ScheduleDetailList = (props) => {
+  const { dataSource, onOpenDetail, loading, scheduleMap } = props;
+  const content = (0, import_react.useMemo)(() => {
+    return dataSource.map((item) => {
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__schedule-detail-item", key: item.id }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__schedule-detail-item-title" }, /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: "pisell-lowcode__schedule-detail-item-title-color",
+          style: { backgroundColor: item.color }
+        }
+      ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__schedule-detail-item-title-name" }, item.name)), /* @__PURE__ */ import_react.default.createElement(ScheduleTimeItem, { item, scheduleMap }), /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          className: "pisell-lowcode__schedule-detail-item-button",
+          onClick: () => onOpenDetail == null ? void 0 : onOpenDetail(item.id),
+          size: "large"
+        },
+        import_utils.locales.getText("pisell2.text.schedules.edit-schedule")
+      ));
+    });
+  }, [dataSource, scheduleMap]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__schedule-detail-list" }, loading ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__schedule-detail-item" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, null)) : content);
+};
+var ScheduleDetailList_default = ScheduleDetailList;

package/lib/components/schedules/components/ScheduleDetailList/index.less

@@ -0,0 +1,40 @@
+.pisell-lowcode__schedule-detail-list {
+  .pisell-lowcode__schedule-detail-item {
+    //display: flex;
+    //flex-direction: column;
+    //gap: 16px;
+    padding: 20px 32px;
+    &-title {
+      display: flex;
+      align-items: center;
+      &-color {
+        width: 12px;
+        height: 12px;
+        margin: 8px;
+        border-radius: 50%;
+      }
+      &-name {
+        color: var(--Text-Text_1, #1b1b1b);
+        font-size: 18px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 24px;
+      }
+    }
+    &-time-item {
+      padding: 14px 16px;
+      color: var(--Gray-true-900, #141414);
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 20px;
+      border-radius: 8px;
+      border: 1px solid var(--Gray-true-100, #F5F5F5);
+      background: var(--Base-White, #FFF);
+      margin-top: 16px;
+    }
+    &-button {
+      margin-top: 24px;
+    }
+  }
+}

package/lib/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;