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

package/lib/components/schedules/products/ProductDetailDrawer/ProductDetail/SchedulesModule/AddSchedules/index.less

@@ -1,3 +1,23 @@
+.pisell-lowcode__add-schedule-list-item {
+  display: flex;
+  flex: 1;
+  .pisell-lowcode__add-schedule-list-item-content {
+    flex: 1;
+    display: flex;
+    align-items: center;
+  }
+  .pisell-lowcode__add-schedule-list-item-action-wrap {
+    .pisell-lowcode__add-schedule-list-item-action-edit {
+      display: flex;
+      height: 48px;
+      padding: 0px 16px;
+      justify-content: center;
+      align-items: center;
+      border-radius: 30px;
+      border: 1px solid var(--Gray-true-300, #D5D5D5);
+    }
+  }
+}
 .pisell-lowcode__add-schedule-list-item-color {
   width: 12px;
   height: 12px;

package/lib/components/schedules/products/ProductDetailDrawer/ProductDetail/SchedulesModule/index.d.ts

@@ -1,11 +1,14 @@
 import React from "react";
 import "./index.less";
 declare type Value = number[];
-declare const SchedulesModule: ({ value, onChange, drawerContainer, ruleFn, tabKey, }: {
+declare const SchedulesModule: ({ value, onChange, drawerContainer, ruleFn, tabKey, previewItemChange, isSelf, isTitle, }: {
     value?: Value | undefined;
     onChange?: ((value: Value) => void) | undefined;
     drawerContainer?: HTMLElement | undefined;
     ruleFn?: (() => boolean) | undefined;
-    tabKey: string;
+    tabKey?: string | undefined;
+    previewItemChange?: any;
+    isSelf?: boolean | undefined;
+    isTitle?: boolean | undefined;
 }) => React.JSX.Element;
 export default SchedulesModule;

package/lib/components/schedules/products/ProductDetailDrawer/ProductDetail/SchedulesModule/index.js

@@ -41,13 +41,23 @@ var import_ahooks = require("ahooks");
 var import_utils = require("@pisell/utils");
 var import_utils2 = require("../../../../schedules/utils");
 var import_model = require("../../../../model");
+var import_useEngineContext = __toESM(require("../../../../../../hooks/useEngineContext"));
+var import_utils3 = require("../../../../utils");
 var SchedulesModule = ({
   value,
   onChange,
   drawerContainer,
   ruleFn = () => true,
-  tabKey
+  tabKey,
+  previewItemChange,
+  // 是否内部请求数据
+  isSelf = false,
+  isTitle = true
 }) => {
+  const context = (0, import_useEngineContext.default)();
+  if (isSelf) {
+    import_utils3.request.setRequest(context.appHelper.utils.request);
+  }
   const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
   const first = (0, import_react.useRef)(true);
   const _getScheduleList = (0, import_ahooks.useRequest)(import_serve.getScheduleListByProductId, {
@@ -70,7 +80,7 @@ var SchedulesModule = ({
     }
   }, [value]);
   const setCalendarEditData = (editData) => {
-    dispatch({
+    dispatch == null ? void 0 : dispatch({
       type: "setCalendar",
       payload: {
         isEdit: true,
@@ -86,7 +96,10 @@ var SchedulesModule = ({
     }
   }, [_getScheduleList.data, ruleFn == null ? void 0 : ruleFn()]);
   const onClickItem = (0, import_ahooks.useMemoizedFn)((item) => {
-    dispatch({
+    if (previewItemChange) {
+      return previewItemChange(item);
+    }
+    dispatch == null ? void 0 : dispatch({
       type: "setState",
       payload: {
         tabKey: "schedules",
@@ -109,7 +122,7 @@ var SchedulesModule = ({
       }
     });
   });
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "product-detail-card-module" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "product-detail-card-title" }, import_utils.locales.getText("pisell2.text.schedules.schedules-title")), /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "product-detail-card-module" }, isTitle ? /* @__PURE__ */ import_react.default.createElement("div", { className: "product-detail-card-title" }, import_utils.locales.getText("pisell2.text.schedules.schedules-title")) : null, /* @__PURE__ */ import_react.default.createElement(
     import_ScheduleList.default,
     {
       className: "product-detail-card-schedule-list",
@@ -122,6 +135,7 @@ var SchedulesModule = ({
   ), /* @__PURE__ */ import_react.default.createElement(
     import_AddSchedules.default,
     {
+      isSelf,
       value: _getScheduleList.data || [],
       onChange: _onAddChange,
       drawerContainer

package/lib/components/schedules/products/list/index.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import "./index.less";
+import React from 'react';
+import './index.less';
 interface ProductListProps {
     loading: boolean;
     list: any[];

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

@@ -1,6 +1,6 @@
-import React from "react";
-import { ScheduleItem } from "../../type";
-import "./index.less";
+import React from 'react';
+import { ScheduleItem } from '../../type';
+import './index.less';
 declare type AllSchedulesPropsType = {
     onOpenDetail?: (id?: number) => void;
     dataSource: ScheduleItem[];

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

@@ -51,9 +51,10 @@ var AllSchedules = (props) => {
     {
       loading,
       dataSource: showDataSource,
-      onItemClick: (item) => onOpenDetail == null ? void 0 : onOpenDetail(item.id)
+      onItemClick: (item) => onOpenDetail == null ? void 0 : onOpenDetail(item.id),
+      showTabs: true
     }
-  )), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__schedules-module-add-button-wrap" }, /* @__PURE__ */ import_react.default.createElement(
     import_antd.Button,
     {
       className: "pisell-lowcode__schedules-module-add-button",

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

@@ -2,13 +2,21 @@
   height: 100%;
   display: flex;
   flex-direction: column;
+  overflow-y: auto;
+  padding: 0 32px;
   .pisell-lowcode__schedules-module-header {
-    padding: 16px 32px;
+    padding: 16px 0 0;
   }
   .pisell-lowcode__schedules-module-content {
-    padding: 20px 32px;
+    padding: 0;
     flex: 1;
-    overflow: auto;
+    overflow:initial;
+  }
+  .pisell-lowcode__schedules-module-add-button-wrap{
+    position: sticky;
+    bottom: 0;
+    z-index: 1;
+    background: #fff
   }
   .pisell-lowcode__schedules-module-add-button {
     margin: 24px 32px;

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

@@ -46,7 +46,7 @@ var import_utils2 = require("./utils");
 var SchedulesConnect = () => {
   const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
   const { schedulesDetail, currentSelectDayDetail, products, schedules } = state;
-  const { scheduleAllMap, scheduleMap } = schedules || {};
+  const { scheduleAllMap, scheduleMap, list } = schedules || {};
   const { date, scheduleIds } = currentSelectDayDetail || {};
   const { currentProduct } = products || {};
   const isProductSchedule = currentProduct && currentSelectDayDetail;
@@ -203,7 +203,7 @@ var SchedulesConnect = () => {
     {
       loading,
       scheduleMap,
-      dataSource,
+      dataSource: list,
       type: currentSelectDayDetail ? "forADay" : "all",
       currentSelectDayDetail,
       detail: schedulesDetail,

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

@@ -4,6 +4,13 @@ export declare const getScheduleList: (params: {
     num: number;
     ids?: number[];
 }) => Promise<ResponseListData<ScheduleItem[]>>;
+export declare const postScheduleList: (params: {
+    skip: number;
+    num: number;
+    ids?: number[];
+    with?: Array<string>;
+    with_count?: Array<string>;
+}) => Promise<ResponseListData<ScheduleItem[]>>;
 export declare const deleteSchedule: (params: {
     id: number;
 }) => Promise<ResponseListData<ScheduleItem[]>>;

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

@@ -20,14 +20,17 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var serve_exports = {};
 __export(serve_exports, {
   deleteSchedule: () => deleteSchedule,
-  getScheduleList: () => getScheduleList
+  getScheduleList: () => getScheduleList,
+  postScheduleList: () => postScheduleList
 });
 module.exports = __toCommonJS(serve_exports);
 var import_utils = require("../utils");
 var getScheduleList = async (params) => await import_utils.request.getRequest().get("/shop/schedule", params);
+var postScheduleList = async (params) => await import_utils.request.getRequest().post("/shop/schedule/v2", params);
 var deleteSchedule = async (params) => await import_utils.request.getRequest().remove(`/shop/schedule/${params.id}`);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   deleteSchedule,
-  getScheduleList
+  getScheduleList,
+  postScheduleList
 });

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

@@ -48,3 +48,25 @@ export declare const formatScheduleResult: (schedule: ScheduleItem) => {
 export declare const calcScheduleDateRange: (schedule: ScheduleItem) => any[];
 export declare const calcCalendarDataBySchedules: (schedules: ScheduleItem[]) => unknown[];
 export declare const calcMinTimeMaxTimeBySchedules: (schedules: ScheduleItem[], scheduleAllMap: FormState["schedules"]["scheduleAllMap"], selectDate?: string) => {};
+/**
+ * @title: 格式化日程数据
+ * @description:
+ * @param {Array} relation 资源列表
+ * @param {string} table_type 关联表类型
+ * @param {string} item_type 资源类型
+ * @param {boolean} isExcluded 是否排除
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-09-04 11:54
+ */
+export declare const formatScheduleData: (relation: Array<any>, table_type?: string, item_type?: string, isExcluded?: boolean) => any;
+/**
+ * @title: 格式化日程为二维结构
+ * @description:
+ * @param {any} list
+ * @param {any} filterItem
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-07-29 19:28
+ */
+export declare const formatScheduleListByTabs: (list: any, filterItem?: any) => unknown[];

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

@@ -37,6 +37,8 @@ __export(utils_exports, {
   calcCalendarDataByTimeSlots: () => calcCalendarDataByTimeSlots,
   calcMinTimeMaxTimeBySchedules: () => calcMinTimeMaxTimeBySchedules,
   calcScheduleDateRange: () => calcScheduleDateRange,
+  formatScheduleData: () => formatScheduleData,
+  formatScheduleListByTabs: () => formatScheduleListByTabs,
   formatScheduleResult: () => formatScheduleResult,
   getDaysByStartEnd: () => getDaysByStartEnd,
   isAllDay: () => isAllDay
@@ -540,6 +542,100 @@ var calcMinTimeMaxTimeBySchedules = (schedules, scheduleAllMap, selectDate) => {
     };
   }, {});
 };
+var formatScheduleData = (relation, table_type, item_type, isExcluded) => {
+  const _relation = relation || [];
+  if (table_type && item_type && isExcluded) {
+    return _relation.find((item) => (item == null ? void 0 : item.relation_table_type) === table_type && (item == null ? void 0 : item.item_type) !== item_type);
+  }
+  if (table_type && item_type) {
+    return _relation.find((item) => (item == null ? void 0 : item.relation_table_type) === table_type && (item == null ? void 0 : item.item_type) === item_type);
+  }
+  if (table_type) {
+    return _relation.some((item) => (item == null ? void 0 : item.relation_table_type) === table_type);
+  }
+  if (item_type) {
+    return _relation.find((item) => (item == null ? void 0 : item.item_type) === item_type);
+  }
+};
+var formatScheduleListByTabs = (list, filterItem) => {
+  let _list = list || [];
+  if (filterItem) {
+    _list = _list.filter(filterItem);
+  }
+  let categoryObject = {
+    // 全部
+    all: {
+      id: 0,
+      name: import_utils.locales.getText("pisell2.schedule.tab.all"),
+      products: _list
+    },
+    //  附加费
+    surcharge: {
+      id: 1,
+      name: import_utils.locales.getText("pisell2.schedule.tab.surcharge"),
+      products: []
+    },
+    // 资源
+    resources: {
+      id: 2,
+      name: import_utils.locales.getText("pisell2.schedule.tab.resources"),
+      products: []
+    },
+    // 商品
+    products: {
+      id: 3,
+      name: import_utils.locales.getText("pisell2.schedule.tab.products"),
+      products: []
+    },
+    // 活动
+    events: {
+      id: 4,
+      name: import_utils.locales.getText("pisell2.schedule.tab.events"),
+      products: []
+    },
+    // 报价单
+    quotation: {
+      id: 5,
+      name: import_utils.locales.getText("pisell2.schedule.tab.quotation"),
+      products: []
+    },
+    // 营业时间
+    "open-hours": {
+      id: 6,
+      name: import_utils.locales.getText("pisell2.schedule.tab.open-hours"),
+      products: []
+    }
+  };
+  for (let i = 0; i < _list.length; i++) {
+    const productItem = _list[i];
+    const _relation = productItem.relation || [];
+    if (formatScheduleData(_relation, "custom_surcharge")) {
+      categoryObject.surcharge.products.push(productItem);
+    }
+    if (formatScheduleData(_relation, "form", "opening_hours", true)) {
+      categoryObject.resources.products.push(productItem);
+    }
+    if (formatScheduleData(_relation, "product")) {
+      categoryObject.products.products.push(productItem);
+    }
+    if (formatScheduleData(_relation, "product", "event_item")) {
+      categoryObject.events.products.push(productItem);
+    }
+    if (formatScheduleData(_relation, "shelf", "quotation")) {
+      categoryObject.quotation.products.push(productItem);
+    }
+    if (formatScheduleData(_relation, "", "opening_hours")) {
+      categoryObject["open-hours"].products.push(productItem);
+    }
+  }
+  Object.keys(categoryObject).forEach((cur) => {
+    var _a, _b;
+    if (((_b = (_a = categoryObject == null ? void 0 : categoryObject[cur]) == null ? void 0 : _a.products) == null ? void 0 : _b.length) === 0) {
+      delete categoryObject[cur];
+    }
+  });
+  return Object.values(categoryObject);
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   calcCalendarDataByDesignation,
@@ -550,6 +646,8 @@ var calcMinTimeMaxTimeBySchedules = (schedules, scheduleAllMap, selectDate) => {
   calcCalendarDataByTimeSlots,
   calcMinTimeMaxTimeBySchedules,
   calcScheduleDateRange,
+  formatScheduleData,
+  formatScheduleListByTabs,
   formatScheduleResult,
   getDaysByStartEnd,
   isAllDay

package/lib/components/schedules/type.d.ts

@@ -57,6 +57,13 @@ export declare type ScheduleItem = {
     /** 是否全天 */
     is_all: 1 | 0;
     [key: string]: any;
+    relation?: {
+        id: number;
+        item_id: number;
+        item_type: string;
+        relation_table_type: string;
+        schedule_id: number;
+    }[];
 };
 export declare type ScheduleFormOtherValue = {
     /** 截止模式

package/lib/components/selectModal/index.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import { AddButtonProps } from "../booking/components/addButton";
+import { PisellDrawerProps } from "../booking/components/drawer";
+import { TabProductProps } from "../tabProduct";
+import "./index.less";
+interface ValueType {
+}
+interface SelectModalProps {
+    value: ValueType[];
+    onChange: (value: ValueType[]) => void;
+    dataSource: ValueType[];
+    renderValueItem: (item: ValueType, onSelect: (value: ValueType[]) => void) => React.ReactNode;
+    renderOptionItem: (item: ValueType, onSelect: (value: ValueType[]) => void) => React.ReactNode;
+    disabled: boolean;
+    className: string;
+    style: React.CSSProperties;
+    maxLength?: number;
+    buttonProps: AddButtonProps;
+    drawerProps: PisellDrawerProps;
+    tabProductProps: TabProductProps;
+    loading: boolean;
+}
+declare const SelectModal: React.FC<Partial<SelectModalProps>>;
+export default SelectModal;

package/lib/components/selectModal/index.js

@@ -0,0 +1,133 @@
+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/selectModal/index.tsx
+var selectModal_exports = {};
+__export(selectModal_exports, {
+  default: () => selectModal_default
+});
+module.exports = __toCommonJS(selectModal_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_antd = require("antd");
+var import_SearchLg = __toESM(require("@pisell/icon/es/SearchLg"));
+var import_addButton = __toESM(require("../booking/components/addButton"));
+var import_drawer = __toESM(require("../booking/components/drawer"));
+var import_tabProduct = __toESM(require("../tabProduct"));
+var import_utils = require("../booking/utils");
+var import_utils2 = require("@pisell/utils");
+var import_index = require("./index.less");
+var MAX_LENGTH = 999;
+var SelectModal = (props) => {
+  const {
+    value,
+    onChange,
+    dataSource = [],
+    renderValueItem,
+    renderOptionItem,
+    disabled,
+    className,
+    style,
+    maxLength = MAX_LENGTH,
+    buttonProps,
+    drawerProps,
+    tabProductProps,
+    loading
+  } = props;
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [search, setSearch] = (0, import_react.useState)("");
+  const _value = (0, import_react.useMemo)(() => {
+    return value || [];
+  }, [value]);
+  const onOpen = () => {
+    setOpen(true);
+  };
+  const onClose = () => {
+    setSearch("");
+    setOpen(false);
+  };
+  const renderList = (0, import_react.useMemo)(() => {
+    let _list = dataSource || [];
+    const isIncludes = (str) => {
+      return str.toLowerCase().indexOf(search.toLowerCase()) !== -1;
+    };
+    return (0, import_utils.formatProductListByCategory)(
+      _list,
+      search ? (item) => isIncludes(item.title) : void 0
+    );
+  }, [search, dataSource]);
+  const onSelect = (item) => {
+    onChange == null ? void 0 : onChange((0, import_utils2.changeArray)(_value, item, "id"));
+    onClose();
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("pisell2-select-modal", className),
+      style
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { active: true, round: true, loading }, _value.map((item) => {
+      return renderValueItem == null ? void 0 : renderValueItem(item, (item2) => {
+        onOpen();
+      });
+    })),
+    _value.length < maxLength ? /* @__PURE__ */ import_react.default.createElement(import_addButton.default, { onClick: onOpen, ...buttonProps }) : null,
+    /* @__PURE__ */ import_react.default.createElement(
+      import_drawer.default,
+      {
+        open,
+        onClose,
+        header: /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-header" }, /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Input,
+          {
+            prefix: /* @__PURE__ */ import_react.default.createElement(import_SearchLg.default, null),
+            style: { marginTop: 16, height: 44 },
+            placeholder: "",
+            allowClear: true,
+            value: search,
+            onChange: (e) => {
+              setSearch(e.target.value);
+            }
+          }
+        )),
+        ...drawerProps
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-body" }, /* @__PURE__ */ import_react.default.createElement(
+        import_tabProduct.default,
+        {
+          list: renderList,
+          ...tabProductProps,
+          renderItem: (item) => {
+            return renderOptionItem == null ? void 0 : renderOptionItem(item, onSelect);
+          }
+        }
+      ))
+    )
+  );
+};
+var selectModal_default = SelectModal;

package/lib/components/tabProduct/card/index.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import "./index.less";
+/// <reference types="react" />
+import './index.less';
 export interface CardProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
     layout: number;
 }

package/lib/components/tabProduct/card/index.js

@@ -32,11 +32,10 @@ __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(
+  return /* @__PURE__ */ React.createElement(
     "div",
     {
       ...props,

package/lib/components/tabProduct/index.d.ts

@@ -1,13 +1,16 @@
-import React from "react";
-import "./index.less";
-interface TabProductProps {
-    list: any[];
+import React from 'react';
+import './index.less';
+export interface TabProductProps {
+    list?: any[];
     scrollDom?: string;
     renderItem?: (item: any) => React.ReactNode;
     rowKey?: string;
     tabsWrapClassName?: string;
     categoryWrapClassName?: string;
     listWrapClassName?: string;
+    warpClassName?: string;
+    stickyTop?: number;
+    name?: string | number;
 }
 declare const TabProduct: (props: TabProductProps) => React.JSX.Element;
 export default TabProduct;