@pisell/private-materials 3.0.151 → 3.0.152

package/lib/components/booking/info2/service/addTimeModal/utils.js

@@ -0,0 +1,157 @@
+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/booking/info2/service/addTimeModal/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  addTimeRowKey: () => addTimeRowKey,
+  getAddTimeSplits: () => getAddTimeSplits,
+  isUsableProduct: () => isUsableProduct
+});
+module.exports = __toCommonJS(utils_exports);
+var import_dayjs = __toESM(require("dayjs"));
+var import_utils = require("../../../utils");
+var import_utils2 = require("@pisell/utils");
+var import_lodash = require("lodash");
+var import_utils3 = require("../addService/utils");
+var getAddTimeSplits = (product, cacheItem) => {
+  var _a;
+  const { add_time = {
+    calculate_type: "select_quantity",
+    // 最大时长
+    max_add_time: 30,
+    // 最小时长
+    min_add_time: 30,
+    // 关联产品
+    relation_product: { type: "product_all", products: [] },
+    // 单位切片
+    unit_duration: 30
+  }, price = 0 } = product;
+  if (add_time.additional_time_options === "unlimited") {
+    let maxEndDate = (0, import_utils.getEndDate)(cacheItem._extend.startDate, "flexible", (_a = (0, import_utils3.getUsableTime)(cacheItem)) == null ? void 0 : _a.end_at);
+    let _value = maxEndDate.diff(cacheItem._extend.endDate, "minute");
+    if (_value > 0) {
+      return [
+        {
+          label: import_utils2.locales.getText("page.booking.text.unlimited"),
+          value: _value,
+          price
+        }
+      ];
+    } else {
+      return [];
+    }
+  }
+  const startTime = (0, import_dayjs.default)().startOf("day");
+  const endTime = startTime.add(add_time.max_add_time, "minute");
+  const timeSlice = (add_time == null ? void 0 : add_time.unit_duration) || 5;
+  let arr = [];
+  let currentTime = startTime;
+  let lastDuration = 0;
+  while (currentTime.isBefore(endTime)) {
+    let nextTime = currentTime;
+    if (lastDuration === 0) {
+      nextTime = nextTime.add(add_time.min_add_time, "minute");
+    } else {
+      nextTime = currentTime.add(timeSlice, "minute");
+    }
+    const durationValue = nextTime.diff(startTime, "minute");
+    let durationLabel = `${durationValue} ${import_utils2.locales.getText("pisell2.text.min")}`;
+    if (durationValue >= 60) {
+      durationLabel = (0, import_utils.getDiscountTime)(durationValue);
+    }
+    arr.push({
+      label: durationLabel,
+      value: durationValue,
+      price: durationValue / timeSlice * price
+    });
+    lastDuration = durationValue;
+    currentTime = nextTime;
+  }
+  return arr;
+};
+var isUsableProduct = (addTime, currentItem) => {
+  var _a;
+  const type = (_a = addTime.relation_product) == null ? void 0 : _a.type;
+  const relationProduct = addTime.relation_product || [];
+  if (!currentItem) {
+    return false;
+  }
+  if (addTime.additional_time_options === "unlimited") {
+    let maxEndDate = (0, import_utils.getEndDate)(currentItem._extend.startDate, "flexible", "");
+    if (currentItem._extend.endDate.isAfter(maxEndDate)) {
+      return false;
+    }
+  }
+  if (type === "product_all") {
+    return true;
+  } else {
+    if (type === "product_collection") {
+      return !!(0, import_lodash.intersectionBy)(
+        relationProduct.products.map((item) => ({
+          ...item,
+          id: item.product_collection_id
+        })) || [],
+        currentItem.collection || [],
+        "id"
+      ).length;
+    } else {
+      return relationProduct.products.some(
+        (item) => {
+          if (type === "products") {
+            if (item.product_id == currentItem.product_id) {
+              return true;
+            }
+          }
+        }
+      );
+    }
+  }
+};
+var addTimeRowKey = {
+  // 创建, 增加前缀
+  create: (product_id, time) => {
+    return `${product_id}_${time}`;
+  },
+  // 格式化, 去除前缀
+  getValue: (str) => {
+    let arr = str.split("_");
+    let id = arr[0] || 0;
+    let time = arr[1] || 0;
+    return {
+      product_id: Number(id),
+      time: time === "flexible" ? time : Number(arr[1] || 0)
+    };
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addTimeRowKey,
+  getAddTimeSplits,
+  isUsableProduct
+});

package/lib/components/booking/info2/service/editService/Capacity/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default _default;

package/lib/components/booking/info2/service/editService/Capacity/index.js

@@ -0,0 +1,97 @@
+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/booking/info2/service/editService/Capacity/index.tsx
+var Capacity_exports = {};
+__export(Capacity_exports, {
+  default: () => Capacity_default
+});
+module.exports = __toCommonJS(Capacity_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_index = require("./index.less");
+var getName = (name, locale) => {
+  return name[locale] || name["original"] || name["en"] || "";
+};
+var getSelectOptions = (min, max) => {
+  let arr = [];
+  for (let i = min; i <= max; i++) {
+    arr.push({ label: `${i}`, value: i });
+  }
+  return arr;
+};
+var Capacity = ({ state, cacheItem, value, onChange }, ref) => {
+  var _a;
+  const data = (_a = cacheItem == null ? void 0 : cacheItem._data) == null ? void 0 : _a.capacitys;
+  const _value = (0, import_react.useMemo)(() => {
+    return value || [];
+  }, [value]);
+  const _onChange = (val, index) => {
+    let _val = [..._value];
+    _val = _val.map((item) => {
+      if (item.id === index) {
+        return { ...item, value: val };
+      }
+      return item;
+    });
+    console.log(_val);
+    onChange == null ? void 0 : onChange(_val);
+  };
+  if ((data == null ? void 0 : data.type) !== "custom") {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, data.custom.map((item) => {
+    var _a2;
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24, key: item.id }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { label: getName(item.name, state.locale), required: true }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Select,
+      {
+        size: "large",
+        className: "capacity-select",
+        onChange: (e) => {
+          _onChange(e, item.id);
+        },
+        showSearch: !state.isTerminal,
+        value: (_a2 = _value.find((d) => d.id === item.id)) == null ? void 0 : _a2.value,
+        options: getSelectOptions(item.min, item.max),
+        onSearch: (e) => {
+          if (!e) {
+            return;
+          }
+          const num = Number(e);
+          if (isNaN(num)) {
+            return;
+          }
+          if (num >= item.min && num <= item.max) {
+            _onChange(num, item.id);
+          }
+        }
+      }
+    )));
+  }));
+};
+var Capacity_default = (0, import_react.forwardRef)(Capacity);

package/lib/components/booking/info2/service/editService/Capacity/index.less

@@ -0,0 +1 @@
+.capacity-select {}

package/lib/components/booking/info2/service/editService/Resources/MaxLengthSelect/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { SelectProps } from 'antd';
+interface MaxLengthSelectProps<T> extends SelectProps<T> {
+    maxLength: number;
+}
+declare const _default: import("react").ForwardRefExoticComponent<Partial<MaxLengthSelectProps<any>> & import("react").RefAttributes<unknown>>;
+export default _default;

package/lib/components/booking/info2/service/editService/Resources/MaxLengthSelect/index.js

@@ -0,0 +1,54 @@
+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/booking/info2/service/editService/Resources/MaxLengthSelect/index.tsx
+var MaxLengthSelect_exports = {};
+__export(MaxLengthSelect_exports, {
+  default: () => MaxLengthSelect_default
+});
+module.exports = __toCommonJS(MaxLengthSelect_exports);
+var import_react = require("react");
+var import_antd = require("antd");
+var MaxLengthSelect = (props, ref) => {
+  (0, import_react.useImperativeHandle)(ref, () => {
+    return {
+      onChange: handleChange
+    };
+  });
+  const handleChange = (e, _option) => {
+    if (props.onChange) {
+      if ((props.mode === "multiple" || props.mode === "tags") && props.maxLength) {
+        if (props.value && props.value.length >= props.maxLength && e.length > props.value.length) {
+          return;
+        }
+      }
+      props.onChange(e, _option);
+    }
+  };
+  return /* @__PURE__ */ React.createElement(
+    import_antd.Select,
+    {
+      ...props,
+      onChange: handleChange,
+      popupMatchSelectWidth: false,
+      getPopupContainer: () => document.querySelector("#main") || document.body
+    },
+    props.children
+  );
+};
+var MaxLengthSelect_default = (0, import_react.forwardRef)(MaxLengthSelect);

package/lib/components/booking/info2/service/editService/Resources/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default _default;

package/lib/components/booking/info2/service/editService/Resources/index.js

@@ -0,0 +1,212 @@
+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/booking/info2/service/editService/Resources/index.tsx
+var Resources_exports = {};
+__export(Resources_exports, {
+  default: () => Resources_default
+});
+module.exports = __toCommonJS(Resources_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_MaxLengthSelect = __toESM(require("./MaxLengthSelect"));
+var import_like = __toESM(require("../../../../info/service/like"));
+var import_index = require("./index.less");
+var import_utils = require("@pisell/utils");
+var import_utilsByBooking = require("../../../utilsByBooking");
+var import_lodash = require("lodash");
+var Resources = ({ state, cacheItem, getCurrentCacheItem, onChange, value }, ref) => {
+  var _a, _b;
+  const [showError, setShowError] = (0, import_react.useState)(false);
+  const data = (0, import_react.useMemo)(() => {
+    var _a2;
+    return ((_a2 = cacheItem == null ? void 0 : cacheItem._data) == null ? void 0 : _a2.resources) || [];
+  }, [(_a = cacheItem == null ? void 0 : cacheItem._data) == null ? void 0 : _a.resources]);
+  const resourceMaps = (0, import_react.useMemo)(() => {
+    var _a2;
+    return ((_a2 = cacheItem == null ? void 0 : cacheItem._data) == null ? void 0 : _a2.resourceMaps) || [];
+  }, [(_b = cacheItem == null ? void 0 : cacheItem._data) == null ? void 0 : _b.resourceMaps]);
+  const defaultValue = (0, import_react.useMemo)(() => {
+    return data.reduce((pre, cur) => {
+      pre[cur.form_id] = [];
+      return pre;
+    }, {});
+  }, [data]);
+  const _value = (0, import_react.useMemo)(() => {
+    return value || defaultValue;
+  }, [value, defaultValue]);
+  const _onChange = (val, form_id, key) => {
+    let _val = { ..._value };
+    let maps = _val[form_id] ? _val[form_id].reduce((pre, cur) => {
+      pre[cur.relation_id] = cur;
+      return pre;
+    }, {}) : {};
+    _val[form_id] = val.map((d) => {
+      var _a2, _b2, _c, _d2;
+      let _d = maps[d];
+      if (_d) {
+        if (key === "like_status") {
+          d[key].like_status = val;
+        }
+      }
+      const currentForm = (resourceMaps == null ? void 0 : resourceMaps[form_id]) || {};
+      return (
+        // maps[d] 为真时, 说明是之前已选择, 否则为新增的值,补充数据
+        maps[d] || {
+          relation_type: ((_b2 = (_a2 = currentForm.renderListMaps[d]) == null ? void 0 : _a2.usable) == null ? void 0 : _b2.relation_type) || "form",
+          form_id,
+          relation_id: d,
+          like_status: "common",
+          // 新添加的数据补充错误信息
+          errors: (0, import_utilsByBooking.getErrorList)(
+            (_c = currentForm.renderListMaps) == null ? void 0 : _c[d],
+            getCurrentCacheItem()
+          ),
+          metadata: {
+            form_name: currentForm.title,
+            resource_name: (_d2 = currentForm.renderListMaps[d]) == null ? void 0 : _d2.main_field
+          }
+        }
+      );
+    });
+    setShowError(false);
+    onChange == null ? void 0 : onChange(_val);
+  };
+  const setLikeStatus = (val, form_id, key) => {
+    var _a2;
+    let _val = { ..._value };
+    if ((_a2 = _val == null ? void 0 : _val[form_id]) == null ? void 0 : _a2[0]) {
+      _val[form_id][0][key] = val;
+      onChange == null ? void 0 : onChange(_val);
+    }
+  };
+  const renderOptions = (0, import_react.useCallback)(
+    (array, value2 = "value", label = "label", type) => {
+      return array.map((d) => {
+        let props = {};
+        if (type === "resource") {
+          props.labelText = d.labelText;
+        }
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Select.Option,
+          {
+            value: d[value2],
+            key: d[value2],
+            ...props,
+            relation_type: d.relation_type
+          },
+          d[label]
+        );
+      });
+    },
+    []
+  );
+  const check = () => {
+    var _a2;
+    for (let item of data) {
+      let _length = (_a2 = _value[item.form_id]) == null ? void 0 : _a2.length;
+      if (item.select_type.min > _length) {
+        setShowError(true);
+        return false;
+      }
+    }
+    return true;
+  };
+  (0, import_react.useImperativeHandle)(ref, () => {
+    return {
+      check
+    };
+  });
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, data.map((item) => {
+    var _a2;
+    const cur = _value[item.form_id];
+    const errors = (cur || []).reduce((pre, d) => {
+      return pre.concat((d == null ? void 0 : d.errors) || []);
+    }, []);
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24, key: item.form_id }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        label: item.title,
+        required: true,
+        extra: showError && item.select_type.min > (cur == null ? void 0 : cur.length) ? /* @__PURE__ */ import_react.default.createElement("span", { style: { color: "#ff4d4f" } }, import_utils.locales.getText(
+          "page.booking.text.resource.min-length-error"
+        )(item.select_type.min, item.title)) : void 0
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "resource-col" }, item.select_type.type === "multiple" ? null : /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          className: "resource-col-like-wrap",
+          onClick: () => {
+            var _a3;
+            setLikeStatus(
+              ((_a3 = cur == null ? void 0 : cur[0]) == null ? void 0 : _a3.like_status) === "like" ? "common" : "like",
+              item.form_id,
+              "like_status"
+            );
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_like.default, { status: (_a2 = cur == null ? void 0 : cur[0]) == null ? void 0 : _a2.like_status })
+      ), /* @__PURE__ */ import_react.default.createElement(
+        import_MaxLengthSelect.default,
+        {
+          className: "resource-col-select",
+          size: "large",
+          maxLength: item.select_type.max,
+          mode: item.select_type.type === "multiple" ? "multiple" : void 0,
+          onChange: (e) => {
+            let val = e;
+            if (!(0, import_lodash.isArray)(e)) {
+              if (e || e === 0) {
+                val = [e];
+              }
+            }
+            _onChange(val, item.form_id, "value");
+          },
+          value: cur == null ? void 0 : cur.map((d) => d.relation_id),
+          showSearch: true,
+          filterOption: (str, option) => {
+            return ((option == null ? void 0 : option.labelText) || "").toLowerCase().includes((str || "").toLowerCase());
+          }
+        },
+        renderOptions(item.renderList, "id", "label", "resource")
+      ))
+    ), state.renderType !== "eventBooking" && (errors || []).map((d) => {
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Alert,
+        {
+          key: d.type,
+          message: d.label,
+          type: "warning",
+          showIcon: true,
+          style: { marginBottom: 12 }
+        }
+      );
+    }));
+  }));
+};
+var Resources_default = (0, import_react.forwardRef)(Resources);

package/lib/components/booking/info2/service/editService/Resources/index.less

@@ -0,0 +1,21 @@
+.resource-col {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+
+  .resource-col-like-wrap {
+    width: 44px;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+
+    .like-resource {}
+  }
+
+  .resource-col-select {
+    flex: 1;
+  }
+}

package/lib/components/booking/info2/service/editService/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.less';
+export interface EditServiceRef {
+    init: (cacheItem?: any) => void;
+}
+declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default _default;