@pisell/private-materials 6.6.10 → 6.6.11

package/dist/es/components/schedules/calendar/index.js

@@ -1,122 +0,0 @@
-import calendarItem_default from "./calendarItem.js";
-import { Context } from "../model.js";
-import { getScheduleAvailability } from "./serve.js";
-import { formatAvailability } from "./utils.js";
-import dayjs from "dayjs";
-import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
-import { Spin } from "antd";
-import { createArray } from "@pisell/utils";
-import { useRequest } from "ahooks";
-import "./index.less";
-
-//#region src/components/schedules/calendar/index.tsx
-const MONTH_CARD_WIDTH = 300;
-const Calendar$1 = () => {
-	const { state, dispatch } = useContext(Context);
-	const { calendar, currentSelectDayDetail } = state;
-	const { allData, editData, isEdit } = calendar || {};
-	const { date: selectDate } = currentSelectDayDetail || {};
-	const calenderRef = useRef(null);
-	const [colCount, setColCount] = useState(4);
-	const [dateRange] = useState([dayjs().format("YYYY-01"), dayjs().add(1, "year").format("YYYY-06")]);
-	const [monthData, setMonthDate] = useState({});
-	useEffect(() => {
-		const startMonth = dayjs(dateRange[0]);
-		const endMonth = dayjs(dateRange[1]);
-		const months = { [dayjs(dateRange[0]).format("YYYY")]: [dateRange[0]] };
-		let currentMonth = startMonth;
-		while (currentMonth.isBefore(endMonth) || currentMonth.isSame(endMonth, "month")) {
-			currentMonth = currentMonth.add(1, "month");
-			const year = currentMonth.format("YYYY");
-			if (!months[year]) months[year] = [];
-			months[year].push(currentMonth.format("YYYY-MM"));
-		}
-		setMonthDate(months);
-	}, [dateRange]);
-	useEffect(() => {
-		if (!calenderRef.current) return;
-		const resizeObserver = new ResizeObserver(() => {
-			const width = calenderRef.current?.clientWidth || 0;
-			const colCount$1 = Math.floor((width - 20) / MONTH_CARD_WIDTH);
-			setColCount(colCount$1 > 4 ? 4 : colCount$1);
-		});
-		resizeObserver.observe(calenderRef.current);
-		return () => {
-			resizeObserver.disconnect();
-		};
-	}, []);
-	const { loading, run, refresh } = useRequest(getScheduleAvailability, {
-		manual: true,
-		onSuccess: (result, params) => {
-			if (result.status) dispatch({
-				type: "setCalendar",
-				payload: {
-					sourceData: result.data,
-					allData: formatAvailability(result.data)
-				}
-			});
-		}
-	});
-	useEffect(() => {
-		run({});
-	}, []);
-	const handleSelectDate = (date, item) => {
-		if (isEdit) return;
-		if (selectDate === date) dispatch({
-			type: "setState",
-			payload: { currentSelectDayDetail: null }
-		});
-		else dispatch({
-			type: "setState",
-			payload: { currentSelectDayDetail: {
-				date,
-				scheduleIds: item?.schedule_ids
-			} }
-		});
-		dispatch({
-			type: "setCalendar",
-			payload: {
-				isEdit: false,
-				editData: []
-			}
-		});
-	};
-	const schedulesData = useMemo(() => {
-		if (isEdit) return editData || [];
-		return allData;
-	}, [
-		isEdit,
-		allData,
-		editData
-	]);
-	return /* @__PURE__ */ React.createElement(Spin, { spinning: loading }, /* @__PURE__ */ React.createElement("div", {
-		className: "calender-box",
-		ref: calenderRef
-	}, Object.keys(monthData).map((year) => {
-		return /* @__PURE__ */ React.createElement("div", {
-			key: year,
-			className: "calender-year-wrap"
-		}, /* @__PURE__ */ React.createElement("div", { className: "calender-year" }, year), /* @__PURE__ */ React.createElement("div", { className: "month-list" }, monthData[year].map((month, index) => {
-			return /* @__PURE__ */ React.createElement("div", {
-				className: `month-item-box month-item-${colCount}`,
-				key: index,
-				style: {}
-			}, /* @__PURE__ */ React.createElement(calendarItem_default, {
-				isEdit,
-				month,
-				schedulesData,
-				selectDate,
-				onSelect: handleSelectDate
-			}));
-		}), monthData[year].length % colCount ? createArray(colCount - monthData[year].length % colCount, (_, i) => {
-			return /* @__PURE__ */ React.createElement("div", {
-				key: i,
-				style: { width: MONTH_CARD_WIDTH }
-			});
-		}) : null));
-	})));
-};
-var calendar_default = Calendar$1;
-
-//#endregion
-export { calendar_default as default };

package/dist/es/components/schedules/calendar/index.less

@@ -1,173 +0,0 @@
-.calender-box {
-  padding: 0 10px;
-
-  .calender-year-wrap {
-    position: relative;
-  }
-
-  .calender-year {
-    padding: 20px 0;
-    color: #000;
-    font-size: 36px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 44px;
-    letter-spacing: -0.72px;
-    background-color: #fff;
-    position: sticky;
-    top: 0;
-    z-index: 1;
-  }
-
-  .caleddar-month {
-    color: #344054;
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 600;
-    line-height: 24px;
-    margin-bottom: 4px;
-  }
-
-  // antd calendar样式修改
-  .ant-picker-panel {
-    border-top: none;
-  }
-
-  .pisell-lowcode-picker-cell {
-    padding: 0;
-    border-top: none;
-  }
-
-  .cell-size {
-    width: 40px;
-    height: 40px;
-    padding: 4px;
-  }
-
-  .date-cell {
-    .cell-size ();
-    text-align: center;
-    line-height: 50px;
-  }
-
-  .ant-picker-content th {
-    .date-cell();
-  }
-
-  .caleddar-date-cell {
-    .cell-size ();
-    position: relative;
-    border-radius: 50%;
-
-    &.select {
-      background-color: #fedf89;
-      padding: 4px;
-    }
-
-    &.excluded {
-      &::after {
-        content: '';
-        position: absolute;
-        top: 0%;
-        left: 0%;
-        width: 100%;
-        height: 100%;
-        background: linear-gradient(
-          -45deg,
-          #ffffff 25%,
-          transparent 25%,
-          transparent 50%,
-          #ffffff 50%,
-          #ffffff 75%,
-          transparent 75%,
-          transparent
-        );
-        background-size: 10px 10px;
-      }
-    }
-
-    .caleddar-date {
-      color: #101828;
-      border-radius: 50%;
-      width: 100%;
-      height: 100%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-
-      &.has-status {
-        color: #ffffff;
-      }
-
-      &.disabled-date {
-        color: #7d89b0;
-      }
-    }
-  }
-
-  .ant-picker-cell {
-    padding: 0;
-    .cell-size ();
-  }
-}
-
-// 布局
-.month-list {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-around;
-
-  .month-item-box {
-    display: flex;
-    // &.month-item-1 {
-    //     justify-content: center;
-    // }
-
-    // &.month-item-2 {
-    //     justify-content: center;
-    // }
-
-    // &.month-item-3 {
-    //     &:nth-child(1n) {
-    //         justify-content: flex-start;
-    //     }
-
-    //     &:nth-child(2n) {
-    //         justify-content: center;
-    //     }
-
-    //     &:nth-child(3n) {
-    //         justify-content: flex-end;
-    //     }
-    // }
-
-    // &.month-item-4 {
-    //     &:nth-child(1n) {
-    //         justify-content: flex-start;
-    //     }
-
-    //     &:nth-child(2n) {
-    //         justify-content: center;
-    //     }
-
-    //     &:nth-child(3n) {
-    //         justify-content: center;
-    //     }
-
-    //     &:nth-child(4n) {
-    //         justify-content: flex-end;
-    //     }
-    // }
-  }
-
-  .month-item {
-    width: 280px;
-    margin: 10px;
-  }
-}
-
-.pisell-lowcode-picker-cell-disabled {
-  &::before {
-    display: none;
-  }
-}

package/dist/es/components/schedules/calendar/serve.js

@@ -1,7 +0,0 @@
-import { request } from "../utils.js";
-
-//#region src/components/schedules/calendar/serve.ts
-const getScheduleAvailability = async (params) => await request.getRequest().get("/shop/schedule/availability", params);
-
-//#endregion
-export { getScheduleAvailability };

package/dist/es/components/schedules/calendar/utils.js

@@ -1,19 +0,0 @@
-//#region src/components/schedules/calendar/utils.ts
-const formatAvailability = (val) => {
-	return val.map((item) => {
-		const color = [];
-		const schedule_ids = [];
-		item.color.forEach((item$1) => {
-			if (item$1.color) color.push(item$1.color);
-			if (item$1.schedule_id) schedule_ids.push(item$1.schedule_id);
-		});
-		return {
-			date: item.date,
-			color,
-			schedule_ids
-		};
-	});
-};
-
-//#endregion
-export { formatAvailability };

package/dist/es/components/schedules/components/Card/index.less

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

package/dist/es/components/schedules/components/CurrentDay/index.js

@@ -1,41 +0,0 @@
-import { Context } from "../../model.js";
-import { getOpenHoursByDate } from "./serve.js";
-import { getTimeRange } from "./utils.js";
-import dayjs from "dayjs";
-import React, { useContext, useEffect } from "react";
-import { Alert } from "antd";
-import { useRequest } from "ahooks";
-import "./index.less";
-
-//#region src/components/schedules/components/CurrentDay/index.tsx
-const CurrentDay = (props) => {
-	const { onClose, currentDay } = props;
-	const { state, dispatch } = useContext(Context);
-	const _getOpenHoursByDate = useRequest(getOpenHoursByDate, {
-		manual: true,
-		onSuccess: ({ data }) => {
-			dispatch({
-				type: "setState",
-				payload: { currentSelectDayDetail: {
-					...state.currentSelectDayDetail,
-					times: data,
-					timeStr: getTimeRange(data)
-				} }
-			});
-		}
-	});
-	useEffect(() => {
-		if (currentDay) _getOpenHoursByDate.run({ date: dayjs(currentDay).format("YYYY-MM-DD") });
-	}, [currentDay]);
-	return currentDay ? /* @__PURE__ */ React.createElement(Alert, {
-		onClose,
-		closable: true,
-		className: "current-day-alert",
-		message: dayjs(currentDay).format("ddd MMMM YYYY"),
-		description: state.currentSelectDayDetail?.timeStr || " "
-	}) : null;
-};
-var CurrentDay_default = CurrentDay;
-
-//#endregion
-export { CurrentDay_default as default };

package/dist/es/components/schedules/components/CurrentDay/index.less

@@ -1,37 +0,0 @@
-.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/dist/es/components/schedules/components/CurrentDay/serve.js

@@ -1,7 +0,0 @@
-import { request } from "../../utils.js";
-
-//#region src/components/schedules/components/CurrentDay/serve.ts
-const getOpenHoursByDate = async (params) => await request.getRequest().get("/shop/schedule/open-hours/times", params, { useCache: true });
-
-//#endregion
-export { getOpenHoursByDate };

package/dist/es/components/schedules/components/CurrentDay/utils.js

@@ -1,11 +0,0 @@
-import dayjs from "dayjs";
-
-//#region src/components/schedules/components/CurrentDay/utils.ts
-const getTimeRange = (array) => {
-	return array.map((d) => {
-		return dayjs(d.start_time).format("hh:mm a") + " - " + dayjs(d.end_time).format("hh:mm a");
-	}).join(", ");
-};
-
-//#endregion
-export { getTimeRange };

package/dist/es/components/schedules/components/ResourceList/index.js

@@ -1,29 +0,0 @@
-import React from "react";
-import { Popover, Skeleton } from "antd";
-import { locales } from "@pisell/utils";
-import "./index.less";
-
-//#region src/components/schedules/components/ResourceList/index.tsx
-const ResourceList = (props) => {
-	const { dataSource, loading, onClick } = props;
-	const goResourceItem = (item) => {
-		onClick?.(item);
-	};
-	return /* @__PURE__ */ React.createElement(Skeleton, {
-		active: true,
-		round: true,
-		loading
-	}, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__resource-list" }, dataSource.map((item) => {
-		return /* @__PURE__ */ React.createElement("div", {
-			className: "pisell-lowcode__resource-list-item",
-			key: item.id,
-			onClick: () => {
-				goResourceItem(item);
-			}
-		}, /* @__PURE__ */ React.createElement(Popover, { content: locales.getText("pisell2.text.products.edit-resource-message") }, /* @__PURE__ */ React.createElement("span", { className: "pisell-lowcode__resource-list-item-title" }, item.title)));
-	})));
-};
-var ResourceList_default = ResourceList;
-
-//#endregion
-export { ResourceList_default as default };

package/dist/es/components/schedules/components/ResourceList/index.less

@@ -1,21 +0,0 @@
-.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/dist/es/components/schedules/components/ScheduleDetailList/index.js

@@ -1,62 +0,0 @@
-import { isAllDay } from "../../schedules/utils.js";
-import dayjs from "dayjs";
-import React, { useMemo } from "react";
-import { Button, Skeleton } from "antd";
-import { locales } from "@pisell/utils";
-import "./index.less";
-
-//#region src/components/schedules/components/ScheduleDetailList/index.tsx
-const formatTimeAmPm = (str) => {
-	return dayjs(str).format("hh:mm A");
-};
-const startEndTime = (start, end) => {
-	return `${formatTimeAmPm(start)} - ${formatTimeAmPm(end)}`;
-};
-const ScheduleTimeItem = (props) => {
-	const { item, scheduleMap } = props;
-	const renderFormat = scheduleMap[item.id]?.dateRangeFormat || [];
-	if (!renderFormat.length || renderFormat.some((item$1) => isAllDay({
-		start_time: item$1.start,
-		end_time: item$1.end
-	}))) return /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__schedule-detail-item-time-item" }, locales.getText("pisell2.text.schedules.all-day"));
-	return renderFormat.map((item$1) => {
-		return /* @__PURE__ */ React.createElement("div", {
-			className: "pisell-lowcode__schedule-detail-item-time-item",
-			key: item$1.start + item$1.end
-		}, isAllDay({
-			start_time: item$1.start,
-			end_time: item$1.end
-		}) ? locales.getText("pisell2.text.schedules.all-day") : startEndTime(item$1.start, item$1.end));
-	});
-};
-/**
-* 日程列表 展示日程中详细时间段信息
-* @param props
-* @constructor
-*/
-const ScheduleDetailList = (props) => {
-	const { dataSource, onOpenDetail, loading, scheduleMap } = props;
-	const content = useMemo(() => {
-		return dataSource.map((item) => {
-			return /* @__PURE__ */ React.createElement("div", {
-				className: "pisell-lowcode__schedule-detail-item",
-				key: item.id
-			}, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__schedule-detail-item-title" }, /* @__PURE__ */ React.createElement("div", {
-				className: "pisell-lowcode__schedule-detail-item-title-color",
-				style: { backgroundColor: item.color }
-			}), /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__schedule-detail-item-title-name" }, item.name)), /* @__PURE__ */ React.createElement(ScheduleTimeItem, {
-				item,
-				scheduleMap
-			}), /* @__PURE__ */ React.createElement(Button, {
-				className: "pisell-lowcode__schedule-detail-item-button",
-				onClick: () => onOpenDetail?.(item.id),
-				size: "large"
-			}, locales.getText("pisell2.text.schedules.edit-schedule")));
-		});
-	}, [dataSource, scheduleMap]);
-	return /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__schedule-detail-list" }, loading ? /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__schedule-detail-item" }, /* @__PURE__ */ React.createElement(Skeleton, null)) : content);
-};
-var ScheduleDetailList_default = ScheduleDetailList;
-
-//#endregion
-export { ScheduleDetailList_default as default };

package/dist/es/components/schedules/components/ScheduleDetailList/index.less

@@ -1,40 +0,0 @@
-.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/dist/es/components/schedules/components/ScheduleList/RenderScheduleItem/index.js

@@ -1,29 +0,0 @@
-import useEngineContext_default from "../../../../../hooks/useEngineContext.js";
-import React from "react";
-import { Tooltip } from "antd";
-import AlertCircle from "@pisell/icon/es/AlertCircle";
-import "./index.less";
-import XClose from "@pisell/icon/es/XClose";
-
-//#region src/components/schedules/components/ScheduleList/RenderScheduleItem/index.tsx
-const RenderScheduleItem = ({ item, onItemClick, onDelete, showDeleteIcon }) => {
-	const { appHelper } = useEngineContext_default();
-	return /* @__PURE__ */ React.createElement("div", {
-		key: item.id,
-		className: "pisell-lowcode__schedule-list-item",
-		onClick: () => onItemClick?.(item)
-	}, /* @__PURE__ */ React.createElement("div", {
-		className: "pisell-lowcode__schedule-list-item-color",
-		style: { backgroundColor: item.color }
-	}), /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__schedule-list-item-content" }, appHelper?.utils?.translationShop(item.name)), item.conflict && /* @__PURE__ */ React.createElement(Tooltip, { title: "Days conflict with another schedule" }, /* @__PURE__ */ React.createElement(AlertCircle, { className: "pisell-lowcode__schedule-list-item-conflict" })), showDeleteIcon && /* @__PURE__ */ React.createElement(XClose, {
-		className: "pisell-lowcode__schedule-list-item-delete",
-		onClick: (e) => {
-			e.stopPropagation();
-			onDelete?.(item);
-		}
-	}));
-};
-var RenderScheduleItem_default = RenderScheduleItem;
-
-//#endregion
-export { RenderScheduleItem_default as default };

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

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