@pisell/private-materials 6.1.1 → 6.2.1

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

@@ -0,0 +1,311 @@
+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/ResourcesV2/index.tsx
+var ResourcesV2_exports = {};
+__export(ResourcesV2_exports, {
+  default: () => ResourcesV2_default
+});
+module.exports = __toCommonJS(ResourcesV2_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_antd = require("antd");
+var import_materials = require("@pisell/materials");
+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 import_utils2 = require("../utils");
+var import_ahooks = require("ahooks");
+var import_icons = require("@ant-design/icons");
+var Resources = ({
+  state,
+  cacheItem,
+  originCacheItem,
+  getCurrentCacheItem,
+  onChange,
+  value,
+  originValue,
+  config = {
+    // 是否显示自动分配
+    autoAllocation: true,
+    // 是否显示资源错误图标
+    resourceErrorIcon: true,
+    disabled: false,
+    size: "large"
+  }
+}, ref) => {
+  var _a, _b, _c;
+  const [showError, setShowError] = (0, import_react.useState)(false);
+  const update = (0, import_ahooks.useUpdate)();
+  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 originData = (0, import_react.useMemo)(() => {
+    var _a2;
+    return ((_a2 = cacheItem == null ? void 0 : cacheItem._data) == null ? void 0 : _a2.resources) || [];
+  }, [(_b = originCacheItem == null ? void 0 : originCacheItem._data) == null ? void 0 : _b.resource]);
+  const resourceMaps = (0, import_react.useMemo)(() => {
+    var _a2;
+    return ((_a2 = cacheItem == null ? void 0 : cacheItem._data) == null ? void 0 : _a2.resourceMaps) || [];
+  }, [(_c = cacheItem == null ? void 0 : cacheItem._data) == null ? void 0 : _c.resourceMaps]);
+  const defaultValue = (0, import_react.useMemo)(() => {
+    return data.reduce((pre, cur2) => {
+      pre[cur2.form_id] = [];
+      return pre;
+    }, {});
+  }, [data]);
+  const _value = (0, import_react.useMemo)(() => {
+    return value || defaultValue;
+  }, [value, defaultValue]);
+  const handleCheckAutoAllocation = (id, checked) => {
+    (0, import_utils2.setAutoAllocationStorage)({ [id]: checked });
+    update();
+  };
+  const _onChange = (val, form_id, key) => {
+    let _val = { ..._value };
+    let maps = _val[form_id] ? _val[form_id].reduce((pre, cur2) => {
+      pre[cur2.relation_id] = cur2;
+      return pre;
+    }, {}) : {};
+    _val[form_id] = val.map((d) => {
+      var _a2, _b2, _c2, _d2, _e, _f, _g, _h;
+      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",
+          children: (_d2 = (_c2 = currentForm.renderListMaps) == null ? void 0 : _c2[d]) == null ? void 0 : _d2.children,
+          // 新添加的数据补充错误信息
+          errors: (0, import_utilsByBooking.getErrorList)(
+            (_e = currentForm.renderListMaps) == null ? void 0 : _e[d],
+            getCurrentCacheItem()
+          ),
+          metadata: {
+            ...(_g = (_f = currentForm.renderListMaps) == null ? void 0 : _f[d]) == null ? void 0 : _g.metadata,
+            form_name: currentForm.title,
+            resource_name: (_h = currentForm.renderListMaps[d]) == null ? void 0 : _h.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]
+        );
+      });
+    },
+    [config == null ? void 0 : config.resourceErrorIcon]
+  );
+  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
+    };
+  });
+  const getIsAutoAllocation = (id) => {
+    return (0, import_utils2.getAutoAllocationStorage)(id);
+  };
+  const renderItem = (item, isOrigin) => {
+    var _a2;
+    if (!item) return null;
+    const disabled = isOrigin || (config == null ? void 0 : config.disabled);
+    const cur2 = isOrigin ? originValue[item.form_id] : _value[item.form_id];
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { flex: "1 0" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "resource-v2 resource-col" }, item.select_type.type === "multiple" ? null : /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        className: (0, import_classnames.default)(
+          "resource-col-like-wrap",
+          {
+            "resource-col-like-wrap-disabled": disabled
+          },
+          (config == null ? void 0 : config.size) || "large"
+        ),
+        size: config == null ? void 0 : config.size,
+        onClick: () => {
+          var _a3;
+          if (disabled) {
+            return;
+          }
+          setLikeStatus(
+            ((_a3 = cur2 == null ? void 0 : cur2[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 = cur2 == null ? void 0 : cur2[0]) == null ? void 0 : _a2.like_status,
+          className: `${disabled ? "like-icon-disabled" : ""}`
+        }
+      )
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_MaxLengthSelect.default,
+      {
+        className: "resource-col-select",
+        size: (config == null ? void 0 : config.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: cur2 == null ? void 0 : cur2.map((d) => d.relation_id),
+        showSearch: true,
+        filterOption: (str, option) => {
+          return ((option == null ? void 0 : option.labelText) || "").toLowerCase().includes((str || "").toLowerCase());
+        },
+        disabled
+      },
+      renderOptions(
+        item.renderList,
+        "id",
+        (config == null ? void 0 : config.resourceErrorIcon) ? "label" : "labelText",
+        "resource"
+      )
+    ), (config == null ? void 0 : config.autoAllocation) ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Checkbox,
+      {
+        checked: getIsAutoAllocation(item.form_id),
+        onChange: (e) => {
+          handleCheckAutoAllocation(item.form_id, e.target.checked);
+        }
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Tooltip,
+      {
+        title: import_utils.locales.getText(
+          "page.booking.text.resource.check-auto-allocation-tip"
+        )
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_icons.QuestionCircleOutlined, null)
+    )) : null)));
+  };
+  const renderErrors = (item) => {
+    const cur2 = _value[item.form_id];
+    const errors = (cur2 || []).reduce((pre, d) => {
+      return pre.concat((d == null ? void 0 : d.errors) || []);
+    }, []);
+    return 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 }
+        }
+      );
+    });
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, data.map((item) => {
+    const originItem = originData == null ? void 0 : originData.find(
+      (originDataItem) => originDataItem.form_id === item.form_id
+    );
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: item.form_id }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        label: item.title,
+        required: true,
+        labelCol: config == null ? void 0 : config.labelCol,
+        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(import_antd.Row, { gutter: [16, 16], wrap: false }, renderItem(originItem, true), !!originItem ? /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Col,
+        {
+          flex: "none",
+          style: { display: "flex", alignItems: "center" }
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_materials.Iconfont,
+          {
+            type: "pisell2-arrow-block-right",
+            style: { fontSize: 24, color: "#1b1b1b" }
+          }
+        )
+      ) : null, renderItem(item, false))
+    ), renderErrors(item));
+  }));
+};
+var ResourcesV2_default = (0, import_react.forwardRef)(Resources);

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

@@ -0,0 +1,44 @@
+.resource-col.resource-v2 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  width: 100%;
+  overflow: hidden;
+
+  .resource-col-like-wrap {
+    width: 32px;
+    height: 32px;
+
+    &.large {
+      width: 40px;
+      height: 40px;
+    }
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    flex-shrink: 0;
+
+    .like-resource {
+    }
+  }
+
+  .resource-col-like-wrap-disabled,
+  .like-icon-disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .resource-col-select {
+    flex: 1;
+    overflow: hidden;
+
+    .resource-option-label-text {
+      display: inline-block;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+}

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

@@ -32,26 +32,26 @@ __export(editService_exports, {
   default: () => editService_default
 });
 module.exports = __toCommonJS(editService_exports);
-var import_Delete_wght300_24px = __toESM(require("@pisell/icon/es/Delete_wght300_24px"));
-var import_utils = require("@pisell/utils");
-var import_ahooks = require("ahooks");
-var import_antd = require("antd");
 var import_react = __toESM(require("react"));
-var import_collapsibleList = __toESM(require("../../../components/collapsibleList"));
-var import_utils2 = require("../../../components/collapsibleList/utils");
+var import_Delete_wght300_24px = __toESM(require("@pisell/icon/es/Delete_wght300_24px"));
 var import_drawer = __toESM(require("../../../components/drawer"));
 var import_model = require("../../../info/model");
+var import_utils = require("@pisell/utils");
 var import_duration = __toESM(require("../../../materiels/duration"));
 var import_Capacity = __toESM(require("./Capacity"));
 var import_Resources = __toESM(require("./Resources"));
+var import_antd = require("antd");
 var import_index = require("./index.less");
+var import_collapsibleList = __toESM(require("../../../components/collapsibleList"));
+var import_utils2 = require("../../../components/collapsibleList/utils");
+var import_ahooks = require("ahooks");
+var import_utils3 = require("../../../utils");
+var import_utilsByBooking = require("../../utilsByBooking");
+var import_utils4 = require("../addService/utils");
 var import_materials = require("@pisell/materials");
-var import_utils3 = require("../../../../ticketBooking/utils");
-var import_utils4 = require("../../../info/service2/utils");
 var import_utils5 = require("../../../info/utils");
-var import_utils6 = require("../../../utils");
-var import_utilsByBooking = require("../../utilsByBooking");
-var import_utils7 = require("../addService/utils");
+var import_utils6 = require("../../../info/service2/utils");
+var import_utils7 = require("../../../../ticketBooking/utils");
 var submitLock = false;
 var Info = (_, ref) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F;
@@ -65,7 +65,7 @@ var Info = (_, ref) => {
   const isChangeTotal = (0, import_react.useRef)(false);
   const isNormalProduct = (0, import_react.useMemo)(() => {
     var _a2, _b2;
-    return ((_a2 = state == null ? void 0 : state.service) == null ? void 0 : _a2.cacheItem) && (0, import_utils4.isNormalProductByDurationSchedule)((_b2 = state == null ? void 0 : state.service) == null ? void 0 : _b2.cacheItem);
+    return ((_a2 = state == null ? void 0 : state.service) == null ? void 0 : _a2.cacheItem) && (0, import_utils6.isNormalProductByDurationSchedule)((_b2 = state == null ? void 0 : state.service) == null ? void 0 : _b2.cacheItem);
   }, [(_a = state == null ? void 0 : state.service) == null ? void 0 : _a.cacheItem]);
   const getCurrentCacheItem = (_cacheItem) => {
     let values = form.getFieldsValue();
@@ -84,7 +84,7 @@ var Info = (_, ref) => {
   const durationProps = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2;
     let _cacheItem = getCurrentCacheItem();
-    return (0, import_utils7.getDurationProps)({
+    return (0, import_utils4.getDurationProps)({
       cacheItem: _cacheItem,
       useStartTime,
       currentResource,
@@ -98,14 +98,12 @@ var Info = (_, ref) => {
     (_d = (_c = (_b = state.bookingConfig) == null ? void 0 : _b.config) == null ? void 0 : _c.basic) == null ? void 0 : _d.service_time
   ]);
   const flexibleOption = (0, import_react.useMemo)(() => {
-    console.log("执行次数:flexibleOption");
-    return (0, import_utils7.getFlexibleOption)({
+    return (0, import_utils4.getFlexibleOption)({
       durationProps
     });
   }, [durationProps, import_utils.locales.locale]);
   const timeObj = (0, import_react.useMemo)(() => {
-    console.log("执行次数:timeObj");
-    return (0, import_utils7.getTimeObj)({
+    return (0, import_utils4.getTimeObj)({
       durationProps,
       useStartTime,
       currentResource,
@@ -114,7 +112,6 @@ var Info = (_, ref) => {
     });
   }, [durationProps, useStartTime, currentResource, state, useDuration]);
   (0, import_react.useEffect)(() => {
-    console.log("执行次数:于灵活时长的结束时间随");
     try {
       if (useDuration.indexOf("flexible_") == 0) {
         if (flexibleOption) {
@@ -187,7 +184,7 @@ var Info = (_, ref) => {
       },
       ...values
     };
-    const { startDate, endDate } = (0, import_utils6.getServiceTimes)({ _extend });
+    const { startDate, endDate } = (0, import_utils3.getServiceTimes)({ _extend });
     _extend.startDate = startDate;
     _extend.endDate = endDate;
     if (_extend.bundle_edit !== void 0) {
@@ -195,10 +192,10 @@ var Info = (_, ref) => {
     }
     _item._extend = _extend;
     _item._time = (/* @__PURE__ */ new Date()).getTime();
-    _item._serviceKey = (0, import_utils3.genServiceKey)(_item);
+    _item._serviceKey = (0, import_utils7.genServiceKey)(_item);
     let _id = _item == null ? void 0 : _item._id;
     if (!_list.some((d) => d._id === _id)) {
-      const detail = (0, import_utils3.addService)(_list, _item, state);
+      const detail = (0, import_utils7.addService)(_list, _item, state);
       _list = detail.list;
     } else {
       if (isChangeTotal.current) {
@@ -206,7 +203,7 @@ var Info = (_, ref) => {
       }
       _list = _list.map((d) => d._id === _id ? { ..._item, new: 0 } : d);
     }
-    (0, import_utils6.deleteCacheParams)();
+    (0, import_utils3.deleteCacheParams)();
     console.log("_onFinish", _list);
     form.resetFields();
     dispatch({
@@ -242,7 +239,7 @@ var Info = (_, ref) => {
     return cPrice !== oPrice;
   }, [useTotal, (_f = (_e = state.service.cacheItem) == null ? void 0 : _e._extend) == null ? void 0 : _f.origin_total]);
   const getResources = () => {
-    let res = (0, import_utils7.formatResources)({
+    let res = (0, import_utils4.formatResources)({
       cacheItem: getCurrentCacheItem(),
       resourcesOrigin: state.service.cacheItem._data.resourcesOrigin
     });
@@ -319,7 +316,7 @@ var Info = (_, ref) => {
     var _a2, _b2, _c2, _d2, _e2;
     const item = state.service.cacheItem;
     let values = form.getFieldsValue();
-    const isSession = (0, import_utils6.isSessionProduct)(item);
+    const isSession = (0, import_utils3.isSessionProduct)(item);
     const sessionValue = {};
     if (isSession) {
       sessionValue.startEndTime = {
@@ -338,7 +335,7 @@ var Info = (_, ref) => {
           session: isSession,
           variant: true,
           package: true,
-          number: (0, import_utils3.getIsShowNumber)(item, state)
+          number: (0, import_utils7.getIsShowNumber)(item, state)
         },
         isOS: isSession,
         customer_id: (_e2 = (_d2 = state.client) == null ? void 0 : _d2.value) == null ? void 0 : _e2.id,
@@ -369,10 +366,10 @@ var Info = (_, ref) => {
           },
           new: 0
         };
-        let _total = (0, import_utils6.getProductTotalPrice)(cacheItem);
+        let _total = (0, import_utils3.getProductTotalPrice)(cacheItem);
         cacheItem._extend.total = _total;
         try {
-          cacheItem._extend.capacity = (0, import_utils7.setDefaultCapacitys)({
+          cacheItem._extend.capacity = (0, import_utils4.setDefaultCapacitys)({
             capacitys: cacheItem._data.capacitys,
             cacheItem
           });
@@ -571,7 +568,7 @@ var Info = (_, ref) => {
       {
         type: "primary",
         className: "pisell-lowcode__booking-service-body-edit-footer-apple",
-        disabled: !((_F = state.service.resourcesOrigin) == null ? void 0 : _F.length),
+        disabled: !isNormalProduct && !((_F = state.service.resourcesOrigin) == null ? void 0 : _F.length),
         onClick: () => {
           form.submit();
         }

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

@@ -30,21 +30,6 @@ var getFormatResourceListAndMap = (data, bookingId = []) => {
     return prev;
   }, {});
   const getCapacity = (item) => {
-    var _a, _b, _c, _d;
-    if (((_a = item.combined_resource) == null ? void 0 : _a.status) === 1 && ((_c = (_b = item.combined_resource) == null ? void 0 : _b.resource_ids) == null ? void 0 : _c.length)) {
-      return (_d = item.combined_resource) == null ? void 0 : _d.resource_ids.reduce((pre, cur) => {
-        var _a2;
-        let pax = 0;
-        (((_a2 = map[cur]) == null ? void 0 : _a2.times) || []).forEach((time) => {
-          time.event_list.forEach((event) => {
-            if (!bookingId.includes(event.id)) {
-              pax += (event == null ? void 0 : event.pax) || 0;
-            }
-          });
-        });
-        return pre - pax;
-      }, item.capacity);
-    }
     return item.capacity;
   };
   resourceList = resourceList.map((item) => {

package/lib/components/booking/info2/utilsByBooking.js

@@ -59,7 +59,7 @@ var isConflict = (event, current) => {
   return _isBefore && _isAfter;
 };
 var getResourceTimeIsUsable = (item, cacheItem, resourceItem) => {
-  const startDate = (0, import_dayjs.default)(cacheItem._extend.start_date.format("YYYY-MM-DD") + " " + (0, import_utils2.getServeStartTime)(cacheItem._extend.start_time));
+  const startDate = (0, import_dayjs.default)((0, import_dayjs.default)(cacheItem._extend.start_date).format("YYYY-MM-DD") + " " + (0, import_utils2.getServeStartTime)(cacheItem._extend.start_time));
   const isFlexible = import_utils2.flexibleObj.isFlexible(cacheItem._extend.duration);
   let isMaxLimitRange = false;
   let isDateRange = false;
@@ -180,6 +180,12 @@ var getErrorList = (resource, cacheItem) => {
       }
     }
   }
+  if (resource.unbound) {
+    list.push({
+      label: import_utils.locales.getText("pisell1.text.resource-error-message-unbound"),
+      type: "time"
+    });
+  }
   return list;
 };
 var formatResource = (resourceItem, cacheItem, formatLabel) => {

package/lib/components/booking/locales.d.ts

@@ -110,6 +110,7 @@ declare const _default: {
         'pisell1.text.resource-error-message-1': (x: string, y: string) => string;
         'pisell1.text.resource-error-message-2': (x: string, y: string, z: string) => string;
         'pisell1.text.resource-error-message-3': (x: string, y: string, z: string) => string;
+        'pisell1.text.resource-error-message-unbound': string;
         'pisell1.text.no-addons': string;
         'pisell1.text.no-resource': string;
         'pisell1.text.no-payments': string;
@@ -227,6 +228,9 @@ declare const _default: {
         'pisell2.booking.info.text.create-new': string;
         'pisell2.booking.info.text.form-agreement-yes': string;
         'pisell2.booking.info.text.form-agreement-no': string;
+        'pisell2.booking.info.resource.warning-title': string;
+        'pisell2.booking.info.resource.warning-content': string;
+        'pisell2.booking.info.resource.retry': string;
         'pisell2.text.open.items': string;
         'pisell2.text.cart.of': (val: any) => string;
         'pisell2.text.no.selected': string;
@@ -389,6 +393,7 @@ declare const _default: {
         'pisell1.text.resource-error-message-1': (x: string, y: string) => string;
         'pisell1.text.resource-error-message-2': (x: string, y: string, z: string) => string;
         'pisell1.text.resource-error-message-3': (x: string, y: string, z: string) => string;
+        'pisell1.text.resource-error-message-unbound': string;
         'pisell2.text.flexible': string;
         'pisell2.text.order-discount': string;
         'pisell2.text.no-product-added': string;
@@ -498,6 +503,9 @@ declare const _default: {
         'pisell2.booking.info.text.create-new': string;
         'pisell2.booking.info.text.form-agreement-yes': string;
         'pisell2.booking.info.text.form-agreement-no': string;
+        'pisell2.booking.info.resource.warning-title': string;
+        'pisell2.booking.info.resource.warning-content': string;
+        'pisell2.booking.info.resource.retry': string;
         'pisell2.text.open.items': string;
         'pisell2.text.cart.of': (val: any) => string;
         'pisell2.text.no.selected': string;
@@ -660,6 +668,7 @@ declare const _default: {
         'pisell1.text.resource-error-message-1': (x: string, y: string) => string;
         'pisell1.text.resource-error-message-2': (x: string, y: string, z: string) => string;
         'pisell1.text.resource-error-message-3': (x: string, y: string, z: string) => string;
+        'pisell1.text.resource-error-message-unbound': string;
         'pisell2.text.flexible': string;
         'pisell2.text.order-discount': string;
         'pisell2.text.no-product-added': string;
@@ -769,6 +778,9 @@ declare const _default: {
         'pisell2.booking.info.text.create-new': string;
         'pisell2.booking.info.text.form-agreement-yes': string;
         'pisell2.booking.info.text.form-agreement-no': string;
+        'pisell2.booking.info.resource.warning-title': string;
+        'pisell2.booking.info.resource.warning-content': string;
+        'pisell2.booking.info.resource.retry': string;
         'pisell2.text.open.items': string;
         'pisell2.text.cart.of': (val: any) => string;
         'pisell2.text.no.selected': string;

package/lib/components/booking/locales.js

@@ -154,6 +154,7 @@ var locales_default = {
     "pisell1.text.resource-error-message-1": (x, y) => `${x} doesn't provide ${y}, but your team member can still book appointments.`,
     "pisell1.text.resource-error-message-2": (x, y, z) => `${x} isn't available between ${y} and ${z}, but your team member can still book appointments.`,
     "pisell1.text.resource-error-message-3": (x, y, z) => `${x} is fully booked between ${y} and ${z}, but your team member can still book appointments.`,
+    "pisell1.text.resource-error-message-unbound": "This booking product is not associated with the target resource.",
     "pisell1.text.no-addons": "No addons",
     "pisell1.text.no-resource": "No resource",
     "pisell1.text.no-payments": "No payments",
@@ -283,6 +284,9 @@ var locales_default = {
     "pisell2.booking.info.text.create-new": "Create new",
     "pisell2.booking.info.text.form-agreement-yes": "Yes",
     "pisell2.booking.info.text.form-agreement-no": "No",
+    "pisell2.booking.info.resource.warning-title": "Resource Loading Failed",
+    "pisell2.booking.info.resource.warning-content": "Failed to load resources due to network issues. You may click 'Retry' to attempt reloading. Otherwise, only normal products can be checkout.",
+    "pisell2.booking.info.resource.retry": "Retry",
     "pisell2.text.open.items": "Open items",
     "pisell2.text.cart.of": (val) => `Cart of ${val}`,
     "pisell2.text.no.selected": "No items selected",
@@ -465,6 +469,7 @@ var locales_default = {
     "pisell1.text.resource-error-message-1": (x, y) => `${x} 不提供 ${y}，但您的团队成员仍然可以预约。`,
     "pisell1.text.resource-error-message-2": (x, y, z) => `${x}在${y}到${z}之间不提供服务，但您的团队成员仍然可以预约。`,
     "pisell1.text.resource-error-message-3": (x, y, z) => `${x}在${y}到${z}之间已约满，但您的团队成员仍然可以预约。`,
+    "pisell1.text.resource-error-message-unbound": "该预约商品未关联目标资源。",
     "pisell2.text.flexible": "灵活",
     "pisell2.text.order-discount": "折扣",
     "pisell2.text.no-product-added": "未添加商品",
@@ -586,6 +591,9 @@ var locales_default = {
     "pisell2.booking.info.text.create-new": "新建",
     "pisell2.booking.info.text.form-agreement-yes": "是",
     "pisell2.booking.info.text.form-agreement-no": "否",
+    "pisell2.booking.info.resource.warning-title": "资源加载失败",
+    "pisell2.booking.info.resource.warning-content": "由于网络原因, 获取资源失败! 您可以点击“重试”尝试重新加载, 否则只可以下单普通商品。",
+    "pisell2.booking.info.resource.retry": "重试",
     "pisell2.text.open.items": "公共购物车",
     "pisell2.text.cart.of": (val) => `${val}的购物车`,
     "pisell2.text.no.selected": "未选择任何项目",
@@ -768,6 +776,7 @@ var locales_default = {
     "pisell1.text.resource-error-message-1": (x, y) => `${x} 不提供 ${y}，但您的團隊成員仍然可以預約。`,
     "pisell1.text.resource-error-message-2": (x, y, z) => `${x}在${y}到${z}之間不提供服務，但您的團隊成員仍然可以預約。`,
     "pisell1.text.resource-error-message-3": (x, y, z) => `${x}在${y}到${z}之間已約滿，但您的團隊成員仍然可以預約。`,
+    "pisell1.text.resource-error-message-unbound": "該預約商品未關聯目標資源。",
     "pisell2.text.flexible": "靈活",
     "pisell2.text.order-discount": "折扣",
     "pisell2.text.no-product-added": "未添加商品",
@@ -889,6 +898,9 @@ var locales_default = {
     "pisell2.booking.info.text.create-new": "新建",
     "pisell2.booking.info.text.form-agreement-yes": "是",
     "pisell2.booking.info.text.form-agreement-no": "否",
+    "pisell2.booking.info.resource.warning-title": "資源載入失敗",
+    "pisell2.booking.info.resource.warning-content": "由於網路問題，無法取得資源！您可以點擊「重試」重新載入，否則僅能訂購一般商品。",
+    "pisell2.booking.info.resource.retry": "重試",
     "pisell2.text.open.items": "公共購物車",
     "pisell2.text.cart.of": (val) => `${val}的購物車`,
     "pisell2.text.no.selected": "未選擇任何項目",

package/lib/components/booking/materiels/holder/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectProps } from 'antd';
 interface HolderProps extends SelectProps {
     selectProps?: SelectProps;