@pisell/private-materials 6.0.25 → 6.1.2

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

@@ -15,27 +15,30 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useContext, useEffect, useMemo, useImperativeHandle, forwardRef, useRef } from 'react';
 import Delete_wght300_24px from '@pisell/icon/es/Delete_wght300_24px';
+import { formatAmount, locales } from '@pisell/utils';
+import { Button, Col, Form, Input, InputNumber, Row } from 'antd';
+import React, { forwardRef, useContext, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
+import CollapsibleList from "../../../components/collapsibleList";
+import { renderBundles } from "../../../components/collapsibleList/utils";
 import Drawer from "../../../components/drawer";
 import { Context } from "../../../info/model";
-import { formatAmount, locales } from '@pisell/utils';
 import Duration from "../../../materiels/duration";
 import Capacity from "./Capacity";
 import Resources from "./Resources";
-import { Input, Button, Row, Col, Form, InputNumber } from 'antd';
 import "./index.less";
-import CollapsibleList from "../../../components/collapsibleList";
-import { renderBundles } from "../../../components/collapsibleList/utils";
-import { useUpdateEffect, useMemoizedFn } from 'ahooks';
+import { useUpdateEffect, useMemoizedFn, useDebounceFn } from 'ahooks';
 // import SelectTime from "../../../../../../../materials/src/components/select-time";
-import { getServiceTimes, deleteCacheParams, getProductTotalPrice } from "../../../utils";
+import { PisellAdjustPriceInputNumber } from '@pisell/materials';
+import { addService, genServiceKey, getIsShowNumber } from "../../../../ticketBooking/utils";
+import { isNormalProductByDurationSchedule } from "../../../info/service2/utils";
+import { editSessionProduct } from "../../../info/utils";
+import { deleteCacheParams, getProductTotalPrice, getServiceTimes, isSessionProduct } from "../../../utils";
 import { getErrorList } from "../../utilsByBooking";
-import { formatResources, getDurationProps, getFlexibleOption, getTimeObj } from "../addService/utils";
-import { PisellAdjustPriceInputNumber } from "@pisell/materials";
+import { formatResources, getDurationProps, getFlexibleOption, getTimeObj, setDefaultCapacitys } from "../addService/utils";
 var submitLock = false;
 var Info = function Info(_, ref) {
-  var _state$bookingConfig2, _state$service$cacheI4, _state$service$cacheI5, _state$service3, _state$service5, _window$BaseMaterials, _state$service$cacheI6, _state$service6, _state$service$cacheI7, _state$service$cacheI8, _state$service$cacheI9, _state$service$cacheI10, _state$bookingConfig3, _state$service$resour;
+  var _state$service3, _state$bookingConfig2, _state$bookingConfig3, _state$service$cacheI4, _state$service$cacheI5, _state$service5, _window$BaseMaterials, _state$service7, _state$service$cacheI10, _state$bookingConfig5, _state$service$cacheI11, _state$service$cacheI12, _state$service8, _state$service$resour2, _state$service$cacheI13, _state$service$cacheI14;
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
@@ -47,16 +50,21 @@ var Info = function Info(_, ref) {
     state = _useContext.state,
     dispatch = _useContext.dispatch;
   var resourcesRef = useRef(null);
+  var isChangeTotal = useRef(false);
+  var isNormalProduct = useMemo(function () {
+    var _state$service, _state$service2;
+    return (state === null || state === void 0 || (_state$service = state.service) === null || _state$service === void 0 ? void 0 : _state$service.cacheItem) && isNormalProductByDurationSchedule(state === null || state === void 0 || (_state$service2 = state.service) === null || _state$service2 === void 0 ? void 0 : _state$service2.cacheItem);
+  }, [state === null || state === void 0 || (_state$service3 = state.service) === null || _state$service3 === void 0 ? void 0 : _state$service3.cacheItem]);
 
   // 当前商品信息+ 表单信息
-  var getCurrentCacheItem = function getCurrentCacheItem(_cacheItem) {
+  var getCurrentCacheItem = useMemoizedFn(function (_cacheItem) {
     // 获取当前表单数据
     var values = form.getFieldsValue();
     var _item = _cacheItem || state.service.cacheItem;
     return _objectSpread(_objectSpread({}, _item), {}, {
       _extend: _objectSpread(_objectSpread({}, _item === null || _item === void 0 ? void 0 : _item._extend), values)
     });
-  };
+  });
 
   /**
    * @title: 当前的资源
@@ -70,7 +78,7 @@ var Info = function Info(_, ref) {
     // let item =
     //   resources.find((d: any) => d.form_record_id == useResource) || {};
     return null;
-  }, [useResource]);
+  }, []);
 
   /**
    * @title: 持续时长组件的props
@@ -83,13 +91,16 @@ var Info = function Info(_, ref) {
   var durationProps = useMemo(function () {
     var _state$bookingConfig;
     var _cacheItem = getCurrentCacheItem();
-    return getDurationProps({
+    var val = getDurationProps({
       cacheItem: _cacheItem,
       useStartTime: useStartTime,
-      currentResource: currentResource,
+      // currentResource,
       slice: (_state$bookingConfig = state.bookingConfig) === null || _state$bookingConfig === void 0 || (_state$bookingConfig = _state$bookingConfig.config) === null || _state$bookingConfig === void 0 || (_state$bookingConfig = _state$bookingConfig.basic) === null || _state$bookingConfig === void 0 ? void 0 : _state$bookingConfig.service_time
     });
-  }, [currentResource, state.service.cacheItem, useStartTime, useResource, (_state$bookingConfig2 = state.bookingConfig) === null || _state$bookingConfig2 === void 0 || (_state$bookingConfig2 = _state$bookingConfig2.config) === null || _state$bookingConfig2 === void 0 || (_state$bookingConfig2 = _state$bookingConfig2.basic) === null || _state$bookingConfig2 === void 0 ? void 0 : _state$bookingConfig2.service_time]);
+    return val;
+  }, [
+  // currentResource,
+  state.service.cacheItem, useStartTime, useResource, (_state$bookingConfig2 = state.bookingConfig) === null || _state$bookingConfig2 === void 0 || (_state$bookingConfig2 = _state$bookingConfig2.config) === null || _state$bookingConfig2 === void 0 || (_state$bookingConfig2 = _state$bookingConfig2.basic) === null || _state$bookingConfig2 === void 0 ? void 0 : _state$bookingConfig2.service_time]);
 
   /**
    * @title: 灵活时长选项
@@ -100,9 +111,10 @@ var Info = function Info(_, ref) {
    * @Date: 2024-02-23 10:10
    */
   var flexibleOption = useMemo(function () {
-    return getFlexibleOption({
+    var op = getFlexibleOption({
       durationProps: durationProps
     });
+    return op;
   }, [durationProps, locales.locale]);
 
   /**
@@ -113,16 +125,19 @@ var Info = function Info(_, ref) {
    * @Date: 2024-01-09 13:37
    */
   var timeObj = useMemo(function () {
-    return getTimeObj({
+    var val = getTimeObj({
       durationProps: durationProps,
       useStartTime: useStartTime,
       currentResource: currentResource,
       state: state,
       useDuration: useDuration
     });
-  }, [durationProps, useStartTime, currentResource, state, useDuration]);
+    return val;
+  }, [durationProps, useStartTime, currentResource, (_state$bookingConfig3 = state.bookingConfig) === null || _state$bookingConfig3 === void 0 || (_state$bookingConfig3 = _state$bookingConfig3.config) === null || _state$bookingConfig3 === void 0 || (_state$bookingConfig3 = _state$bookingConfig3.basic) === null || _state$bookingConfig3 === void 0 ? void 0 : _state$bookingConfig3.service_time, useDuration]);
+
   // 由于灵活时长的结束时间随时变动, 这里发现如果当前选择的值没有在列表内,则选择最新的灵活时长值
   useEffect(function () {
+    console.log('执行次数:于灵活时长的结束时间随');
     try {
       if (useDuration.indexOf('flexible_') == 0) {
         if (flexibleOption) {
@@ -201,9 +216,9 @@ var Info = function Info(_, ref) {
    * @Date: 2024-01-09 14:04
    */
   var onFinish = function onFinish(values) {
-    var _resourcesRef$current;
+    var _resourcesRef$current, _item$_extend;
     var isSuccess = (_resourcesRef$current = resourcesRef.current) === null || _resourcesRef$current === void 0 ? void 0 : _resourcesRef$current.check();
-    if (!isSuccess) {
+    if (isShowTimeAndResource && !isSuccess) {
       return;
     }
     // 防止多次提交, 增加锁
@@ -220,7 +235,11 @@ var Info = function Info(_, ref) {
     var _item = _objectSpread(_objectSpread({}, state.service.cacheItem), {}, {
       autoClose: false
     });
-    var _extend = _objectSpread(_objectSpread({}, _item._extend), values);
+    var _extend = _objectSpread(_objectSpread({}, _item._extend), {}, {
+      other: _objectSpread(_objectSpread({}, ((_item$_extend = _item._extend) === null || _item$_extend === void 0 ? void 0 : _item$_extend.other) || {}), {}, {
+        quantity: values.quantity
+      })
+    }, values);
     var _getServiceTimes = getServiceTimes({
         _extend: _extend
       }),
@@ -233,14 +252,20 @@ var Info = function Info(_, ref) {
     }
     _item._extend = _extend;
     _item._time = new Date().getTime();
+    _item._serviceKey = genServiceKey(_item);
     var _id = _item === null || _item === void 0 ? void 0 : _item._id;
 
     // 判断是新增还是编辑
     if (!_list.some(function (d) {
       return d._id === _id;
     })) {
-      _list.push(_item);
+      var detail = addService(_list, _item, state);
+      _list = detail.list;
     } else {
+      // 手动改价时移除优惠券使用
+      if (isChangeTotal.current) {
+        delete _item.discount_list;
+      }
       _list = _list.map(function (d) {
         return d._id === _id ? _objectSpread(_objectSpread({}, _item), {}, {
           new: 0
@@ -262,11 +287,56 @@ var Info = function Info(_, ref) {
       }
     });
   };
-  var setEditData = useMemoizedFn(function (_cacheItem) {
-    form.resetFields();
+  var _useDebounceFn = useDebounceFn(function () {
+      setEditData.apply(void 0, arguments);
+    }, {
+      wait: 50,
+      leading: true,
+      trailing: false
+    }),
+    setEditDataRun = _useDebounceFn.run;
+  var setEditData = useMemoizedFn(function (_cacheItem, open, openProductDetail) {
+    console.timeEnd('handleChange');
+    console.log('setEditDatasetEditData', _cacheItem, open);
+    isChangeTotal.current = false;
     var cacheItem = _cacheItem || state.service.cacheItem;
     var values = cacheItem._extend;
+    var startTime = performance.now();
+    console.log(startTime, 'startTime');
+    form.resetFields();
     form.setFieldsValue(values);
+    // form.setFieldValue('resource', values.resource)
+
+    // values.resource[1117][0].times = [];
+    // values.resource[1117][0]._extend = {
+    //   usableTime: {
+    //     ...values.resource[1117][0]._extend.usableTime,
+    //     event_list: []
+    //   }
+    // };
+
+    // form.setFieldsValue({
+    //   capacity: values.capacity,
+    //   duration: values.duration,
+    //   endDate: values.endDate,
+    //   origin_total: values.origin_total,
+    //   price: values.price,
+    //   product_name: values.product_name,
+    //   quantity: values.quantity,
+    //   resource: values.resource,
+    //   startDate: values.startDate,
+    //   start_time: values.start_time,
+    //   total: values.total,
+    // });
+    var endTime = performance.now();
+    console.log(endTime - window.pp1, '打开商品5');
+    console.log('执行时间', endTime - startTime, values);
+    setTimeout(function () {}, 20);
+    if (openProductDetail) {
+      setTimeout(function () {
+        handleEdit({});
+      }, 100);
+    }
   });
 
   /**
@@ -344,7 +414,7 @@ var Info = function Info(_, ref) {
   useEffect(function () {
     // 预约创建页面并且打开了编辑弹窗
     if (state.isBookingCreatePage && state.service.editModal) {
-      setEditData(null);
+      setEditDataRun(null);
     }
   }, [state.service.editModal, state.isBookingCreatePage]);
 
@@ -358,13 +428,6 @@ var Info = function Info(_, ref) {
   useEffect(function () {
     getDiscount();
   }, [useTotal, (_state$service$cacheI5 = state.service.cacheItem) === null || _state$service$cacheI5 === void 0 || (_state$service$cacheI5 = _state$service$cacheI5._extend) === null || _state$service$cacheI5 === void 0 ? void 0 : _state$service$cacheI5.origin_total]);
-  var isDiscount = useMemo(function () {
-    var _state$service, _state$service2;
-    if (!((_state$service = state.service) !== null && _state$service !== void 0 && _state$service.cacheItem)) {
-      return false;
-    }
-    return useTotal != ((_state$service2 = state.service) === null || _state$service2 === void 0 || (_state$service2 = _state$service2.cacheItem) === null || _state$service2 === void 0 ? void 0 : _state$service2._extend.origin_total);
-  }, [useTotal, (_state$service3 = state.service) === null || _state$service3 === void 0 || (_state$service3 = _state$service3.cacheItem) === null || _state$service3 === void 0 ? void 0 : _state$service3._extend.origin_total]);
   var bundles = useMemo(function () {
     var _state$service4;
     return ((_state$service4 = state.service) === null || _state$service4 === void 0 || (_state$service4 = _state$service4.cacheItem) === null || _state$service4 === void 0 || (_state$service4 = _state$service4._extend) === null || _state$service4 === void 0 || (_state$service4 = _state$service4.other) === null || _state$service4 === void 0 ? void 0 : _state$service4.bundle) || [];
@@ -378,12 +441,23 @@ var Info = function Info(_, ref) {
    * @Author: zhiwei.Wang
    * @Date: 2024-08-28 17:08
    */
-  var handleEdit = function handleEdit(e) {
+  var handleEdit = useMemoizedFn(function (e) {
+    var _state$client;
     // 当前商品
     var item = state.service.cacheItem;
 
     // 表单数据
     var values = form.getFieldsValue();
+    var isSession = isSessionProduct(item);
+    var sessionValue = {};
+    if (isSession) {
+      var _item$_extend2, _item$_extend3, _item$_extend4;
+      sessionValue.startEndTime = {
+        startDate: item === null || item === void 0 || (_item$_extend2 = item._extend) === null || _item$_extend2 === void 0 ? void 0 : _item$_extend2.start_date,
+        endDate: item === null || item === void 0 || (_item$_extend3 = item._extend) === null || _item$_extend3 === void 0 ? void 0 : _item$_extend3.end_date,
+        duration: item === null || item === void 0 || (_item$_extend4 = item._extend) === null || _item$_extend4 === void 0 ? void 0 : _item$_extend4.duration
+      };
+    }
 
     // 打开商品详情弹窗
     state.action({
@@ -392,22 +466,33 @@ var Info = function Info(_, ref) {
         id: item.id,
         date: state.date.value.format('YYYY-MM-DD'),
         showConfig: {
-          option: false,
-          session: false,
-          variant: false,
-          package: true
+          option: true,
+          session: isSession,
+          variant: true,
+          package: true,
+          number: getIsShowNumber(item, state)
         },
-        value: item._extend.other
+        isOS: isSession,
+        customer_id: (_state$client = state.client) === null || _state$client === void 0 || (_state$client = _state$client.value) === null || _state$client === void 0 ? void 0 : _state$client.id,
+        value: _objectSpread(_objectSpread(_objectSpread({}, item._extend.other), sessionValue), {}, {
+          quantity: values.quantity || item._extend.quantity
+        })
       },
-      callback: function callback(e) {
+      callback: function callback(e, extension_type, detail) {
+        var _cacheItem$_extend;
+        var _detail = detail || item;
+        var other = JSON.parse(JSON.stringify(e));
+        other.session = e.session;
+
         // 重新生成商品
-        var cacheItem = _objectSpread(_objectSpread({}, item), {}, {
+        var cacheItem = _objectSpread(_objectSpread(_objectSpread({}, item), _detail), {}, {
           product_id: item.id,
           _id: item === null || item === void 0 ? void 0 : item._id,
           _key: e.key,
           _extend: _objectSpread(_objectSpread(_objectSpread({}, item._extend), values), {}, {
+            quantity: (e === null || e === void 0 ? void 0 : e.quantity) || (values === null || values === void 0 ? void 0 : values.quantity) || 1,
             // 覆盖选择的规格和套餐
-            other: JSON.parse(JSON.stringify(e))
+            other: other
           }),
           new: 0
         });
@@ -417,6 +502,21 @@ var Info = function Info(_, ref) {
 
         // 用于折扣 可修改
         cacheItem._extend.total = _total;
+        try {
+          cacheItem._extend.capacity = setDefaultCapacitys({
+            capacitys: cacheItem._data.capacitys,
+            cacheItem: cacheItem
+          });
+        } catch (err) {}
+        var sessionDetail = editSessionProduct(cacheItem, e.session);
+        if (sessionDetail) {
+          setTimeout(function () {
+            form.setFieldsValue({
+              start_time: sessionDetail.start_time,
+              duration: sessionDetail.duration
+            });
+          }, 200);
+        }
 
         // 用于储存原价
         cacheItem._extend.origin_total = _total;
@@ -431,11 +531,13 @@ var Info = function Info(_, ref) {
 
         // 更新表单内的商品价格
         form.setFieldsValue({
-          total: _total
+          total: _total,
+          capacity: (_cacheItem$_extend = cacheItem._extend) === null || _cacheItem$_extend === void 0 ? void 0 : _cacheItem$_extend.capacity,
+          quantity: (e === null || e === void 0 ? void 0 : e.quantity) || (values === null || values === void 0 ? void 0 : values.quantity) || 1
         });
       }
     });
-  };
+  });
 
   /**
    * @title: 更换商品
@@ -445,7 +547,7 @@ var Info = function Info(_, ref) {
    * @Author: zhiwei.Wang
    * @Date: 2024-08-28 17:10
    */
-  var handleChange = function handleChange(e) {
+  var handleChange = useMemoizedFn(function (e) {
     if (state.channelDisabledEdit) {
       return;
     }
@@ -460,21 +562,207 @@ var Info = function Info(_, ref) {
         // changeService: true,
       }
     });
-  };
+  });
   useImperativeHandle(ref, function () {
     return {
-      init: setEditData
+      init: setEditDataRun
     };
   });
-  console.log('state.service.value', state.service.value);
+  var handleTotalChange = function handleTotalChange(number) {
+    isChangeTotal.current = true;
+  };
+  var isShowTimeAndResource = useMemo(function () {
+    // 非活动预约 非普通商品时展示
+    if (state.renderType !== 'eventBooking' && !isNormalProduct) {
+      return true;
+    }
+    return false;
+  }, [state.renderType, isNormalProduct]);
   var SelectTime = (_window$BaseMaterials = window.BaseMaterials) === null || _window$BaseMaterials === void 0 ? void 0 : _window$BaseMaterials.SelectTime;
+  console.log(isShowTimeAndResource, 'isShowTimeAndResource');
+  var productName = useMemo(function () {
+    var _state$service6;
+    return /*#__PURE__*/React.createElement(Col, {
+      span: 24
+    }, /*#__PURE__*/React.createElement(Form.Item, {
+      name: "product_name"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "current-service-info"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "current-service-info-name-wrap"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "current-service-info-name"
+    }, ((_state$service6 = state.service) === null || _state$service6 === void 0 || (_state$service6 = _state$service6.cacheItem) === null || _state$service6 === void 0 || (_state$service6 = _state$service6._extend) === null || _state$service6 === void 0 ? void 0 : _state$service6.product_name) || '-'), /*#__PURE__*/React.createElement(Button, {
+      onClick: handleEdit
+    }, locales.getText('pisell2.text.edit')), !state.isBookingCreatePage && /*#__PURE__*/React.createElement(Button, {
+      onClick: handleChange
+    }, locales.getText('pisell2.text.change'))), /*#__PURE__*/React.createElement(CollapsibleList, {
+      style: {
+        marginTop: bundles.length ? '8px' : 0
+      },
+      list: bundles,
+      renderItem: function renderItem(item) {
+        return renderBundles(item, state.amountSymbol);
+      }
+    }))));
+  }, [(_state$service7 = state.service) === null || _state$service7 === void 0 || (_state$service7 = _state$service7.cacheItem) === null || _state$service7 === void 0 || (_state$service7 = _state$service7._extend) === null || _state$service7 === void 0 ? void 0 : _state$service7.product_name, bundles, state.amountSymbol, state.isBookingCreatePage]);
+  var price = useMemo(function () {
+    var _state$service$cacheI6, _state$service$cacheI7, _state$service$cacheI8, _state$service$cacheI9;
+    return /*#__PURE__*/React.createElement(Col, {
+      span: 24
+    }, /*#__PURE__*/React.createElement(Form.Item, {
+      label: locales.getText('pisell2.text.price'),
+      name: "total",
+      rules: [{
+        required: true
+      }],
+      extra: useTotal !== ((_state$service$cacheI6 = state.service.cacheItem) === null || _state$service$cacheI6 === void 0 || (_state$service$cacheI6 = _state$service$cacheI6._extend) === null || _state$service$cacheI6 === void 0 ? void 0 : _state$service$cacheI6.origin_total) && locales.getText('page.booking.text.price-extra')(formatAmount((_state$service$cacheI7 = state.service.cacheItem) === null || _state$service$cacheI7 === void 0 || (_state$service$cacheI7 = _state$service$cacheI7._extend) === null || _state$service$cacheI7 === void 0 ? void 0 : _state$service$cacheI7.origin_total, 2, state.amountSymbol), formatAmount(useTotal, 2, state.amountSymbol))
+    }, /*#__PURE__*/React.createElement(PisellAdjustPriceInputNumber, {
+      style: {
+        width: '100%'
+      },
+      min: 0,
+      precision: 2,
+      prefix: state.amountSymbol,
+      onChange: handleTotalChange,
+      disabled: state.channelDisabledEdit,
+      originValue: ((_state$service$cacheI8 = state.service.cacheItem) === null || _state$service$cacheI8 === void 0 || (_state$service$cacheI8 = _state$service$cacheI8._extend) === null || _state$service$cacheI8 === void 0 ? void 0 : _state$service$cacheI8.origin_total) || 0,
+      placeholder: ((_state$service$cacheI9 = state.service.cacheItem) === null || _state$service$cacheI9 === void 0 || (_state$service$cacheI9 = _state$service$cacheI9._extend) === null || _state$service$cacheI9 === void 0 ? void 0 : _state$service$cacheI9.origin_total) || '0'
+    })));
+  }, [useTotal, (_state$service$cacheI10 = state.service.cacheItem) === null || _state$service$cacheI10 === void 0 || (_state$service$cacheI10 = _state$service$cacheI10._extend) === null || _state$service$cacheI10 === void 0 ? void 0 : _state$service$cacheI10.origin_total, state.amountSymbol, state.channelDisabledEdit]);
+  var reason = useMemo(function () {
+    return isReason ? /*#__PURE__*/React.createElement(Col, {
+      span: 24
+    }, /*#__PURE__*/React.createElement(Form.Item, {
+      label: locales.getText('pisell2.text.discount-reason'),
+      name: "discount_reason"
+    }, /*#__PURE__*/React.createElement(Input.TextArea, {
+      size: "large"
+    }))) : null;
+  }, [isReason]);
+  var startTime = useMemo(function () {
+    var _state$bookingConfig4;
+    return /*#__PURE__*/React.createElement(Col, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Form.Item, {
+      label: locales.getText('pisell2.text.start_time'),
+      name: "start_time",
+      rules: [{
+        required: true
+      }]
+    }, SelectTime ? /*#__PURE__*/React.createElement(SelectTime, {
+      slice: (_state$bookingConfig4 = state.bookingConfig) === null || _state$bookingConfig4 === void 0 || (_state$bookingConfig4 = _state$bookingConfig4.config) === null || _state$bookingConfig4 === void 0 || (_state$bookingConfig4 = _state$bookingConfig4.basic) === null || _state$bookingConfig4 === void 0 || (_state$bookingConfig4 = _state$bookingConfig4.service_time) === null || _state$bookingConfig4 === void 0 ? void 0 : _state$bookingConfig4.value,
+      timePickerProps: {
+        style: {
+          width: '100%'
+        }
+      },
+      timeProps: {
+        style: {
+          zoom: 0.8
+        }
+      }
+    }) : null));
+  }, [SelectTime, (_state$bookingConfig5 = state.bookingConfig) === null || _state$bookingConfig5 === void 0 || (_state$bookingConfig5 = _state$bookingConfig5.config) === null || _state$bookingConfig5 === void 0 || (_state$bookingConfig5 = _state$bookingConfig5.basic) === null || _state$bookingConfig5 === void 0 || (_state$bookingConfig5 = _state$bookingConfig5.service_time) === null || _state$bookingConfig5 === void 0 ? void 0 : _state$bookingConfig5.value]);
+  var duration = useMemo(function () {
+    console.log('render form duration');
+    return /*#__PURE__*/React.createElement(Col, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Form.Item, {
+      label: locales.getText('pisell2.text.duration'),
+      name: "duration",
+      rules: [{
+        required: true
+      }]
+    }, /*#__PURE__*/React.createElement(Duration, _extends({}, durationProps, {
+      timeObj: timeObj
+    }))));
+  }, [durationProps, timeObj]);
+  var resource = useMemo(function () {
+    console.log('render form resource');
+    return /*#__PURE__*/React.createElement(Form.Item, {
+      noStyle: true,
+      name: "resource"
+    }, /*#__PURE__*/React.createElement(Resources, {
+      ref: resourcesRef,
+      state: state,
+      cacheItem: state.service.cacheItem,
+      getCurrentCacheItem: getCurrentCacheItem
+      // 内部没有使用 useDuration useStartTime
+      // useDuration={useDuration}
+      // useStartTime={useStartTime}
+    }));
+    // 只监听内部使用值
+  }, [state.renderType, (_state$service$cacheI11 = state.service.cacheItem) === null || _state$service$cacheI11 === void 0 || (_state$service$cacheI11 = _state$service$cacheI11._data) === null || _state$service$cacheI11 === void 0 ? void 0 : _state$service$cacheI11.resources, (_state$service$cacheI12 = state.service.cacheItem) === null || _state$service$cacheI12 === void 0 || (_state$service$cacheI12 = _state$service$cacheI12._data) === null || _state$service$cacheI12 === void 0 ? void 0 : _state$service$cacheI12.resourceMaps]);
+  var capacity = useMemo(function () {
+    return /*#__PURE__*/React.createElement(Form.Item, {
+      noStyle: true,
+      name: "capacity"
+    }, /*#__PURE__*/React.createElement(Capacity, {
+      state: state,
+      cacheItem: state.service.cacheItem
+    }));
+    // 只监听Capacity 内部使用的 state.locale state.isTerminal, state.service?.cacheItem?._data?.capacitys
+  }, [state.locale, state.isTerminal, (_state$service8 = state.service) === null || _state$service8 === void 0 || (_state$service8 = _state$service8.cacheItem) === null || _state$service8 === void 0 || (_state$service8 = _state$service8._data) === null || _state$service8 === void 0 ? void 0 : _state$service8.capacitys]);
+  var hiddenQuantity = useMemo(function () {
+    return /*#__PURE__*/React.createElement(Form.Item, {
+      hidden: true,
+      name: "quantity"
+    }, /*#__PURE__*/React.createElement(InputNumber, null));
+  }, []);
+  var quantity = useMemo(function () {
+    return /*#__PURE__*/React.createElement(Col, {
+      span: 24
+    }, /*#__PURE__*/React.createElement(Form.Item, {
+      label: locales.getText('pisell2.text.quantity'),
+      name: "quantity",
+      rules: [{
+        required: true
+      }]
+    }, /*#__PURE__*/React.createElement(InputNumber, {
+      size: "large",
+      style: {
+        width: '100%'
+      },
+      min: 1,
+      max: 999999,
+      formatter: function formatter(value) {
+        if (value !== undefined) {
+          // 向下取整
+          return Math.floor(value);
+        }
+        return value;
+      }
+    })));
+  }, []);
+  var footer = useMemo(function () {
+    var _state$service$resour;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode__booking-service-body-edit-footer"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode__booking-service-delete-wrap",
+      onClick: handleDeleteProduct
+    }, /*#__PURE__*/React.createElement(Delete_wght300_24px, {
+      className: "pisell-lowcode__booking-service-delete-icon"
+    })), /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      className: "pisell-lowcode__booking-service-body-edit-footer-apple",
+      disabled: !((_state$service$resour = state.service.resourcesOrigin) !== null && _state$service$resour !== void 0 && _state$service$resour.length),
+      onClick: function onClick() {
+        form.submit();
+      }
+    }, locales.getText('pisell2.text.apply')));
+  }, [(_state$service$resour2 = state.service.resourcesOrigin) === null || _state$service$resour2 === void 0 ? void 0 : _state$service$resour2.length]);
+  console.log('render edit');
+  console.log(state.service.editModal && !((_state$service$cacheI13 = state.service.cacheItem) !== null && _state$service$cacheI13 !== void 0 && _state$service$cacheI13.autoClose), performance.now() - window.pp1, '打开商品1');
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Drawer, {
     titleNoWrap: true
     //通过zIndex的方式控制  添加商品 和 编辑服务弹窗的上下层级
     ,
     zIndex: state.service.changeService ? 999 : 1000,
     forceRender: true,
-    open: state.service.editModal && !((_state$service$cacheI6 = state.service.cacheItem) !== null && _state$service$cacheI6 !== void 0 && _state$service$cacheI6.autoClose),
+    mask: state.drawerMask,
+    open: state.service.editModal && !((_state$service$cacheI14 = state.service.cacheItem) !== null && _state$service$cacheI14 !== void 0 && _state$service$cacheI14.autoClose),
     title: locales.getText('pisell2.text.edit-service'),
     onClose: function onClose() {
       dispatch({
@@ -497,117 +785,6 @@ var Info = function Info(_, ref) {
       width: '100%'
     },
     gutter: [16, 0]
-  }, /*#__PURE__*/React.createElement(Col, {
-    span: 24
-  }, /*#__PURE__*/React.createElement(Form.Item, {
-    name: "product_name"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "current-service-info"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "current-service-info-name-wrap"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "current-service-info-name"
-  }, ((_state$service6 = state.service) === null || _state$service6 === void 0 || (_state$service6 = _state$service6.cacheItem) === null || _state$service6 === void 0 || (_state$service6 = _state$service6._extend) === null || _state$service6 === void 0 ? void 0 : _state$service6.product_name) || '-'), /*#__PURE__*/React.createElement(Button, {
-    onClick: handleEdit
-  }, locales.getText('pisell2.text.edit')), !state.isBookingCreatePage && /*#__PURE__*/React.createElement(Button, {
-    onClick: handleChange
-  }, locales.getText('pisell2.text.change'))), /*#__PURE__*/React.createElement(CollapsibleList, {
-    style: {
-      marginTop: bundles.length ? '8px' : 0
-    },
-    list: bundles,
-    renderItem: function renderItem(item) {
-      return renderBundles(item, state.amountSymbol);
-    }
-  })))), /*#__PURE__*/React.createElement(Col, {
-    span: 24
-  }, /*#__PURE__*/React.createElement(Form.Item, {
-    label: locales.getText('pisell2.text.price'),
-    name: "total",
-    rules: [{
-      required: true
-    }],
-    extra: useTotal !== ((_state$service$cacheI7 = state.service.cacheItem) === null || _state$service$cacheI7 === void 0 || (_state$service$cacheI7 = _state$service$cacheI7._extend) === null || _state$service$cacheI7 === void 0 ? void 0 : _state$service$cacheI7.origin_total) && locales.getText('page.booking.text.price-extra')(formatAmount((_state$service$cacheI8 = state.service.cacheItem) === null || _state$service$cacheI8 === void 0 || (_state$service$cacheI8 = _state$service$cacheI8._extend) === null || _state$service$cacheI8 === void 0 ? void 0 : _state$service$cacheI8.origin_total, 2, state.amountSymbol), formatAmount(useTotal, 2, state.amountSymbol))
-  }, /*#__PURE__*/React.createElement(PisellAdjustPriceInputNumber, {
-    style: {
-      width: '100%'
-    },
-    min: 0,
-    precision: 2,
-    prefix: state.amountSymbol,
-    disabled: state.channelDisabledEdit,
-    originValue: ((_state$service$cacheI9 = state.service.cacheItem) === null || _state$service$cacheI9 === void 0 || (_state$service$cacheI9 = _state$service$cacheI9._extend) === null || _state$service$cacheI9 === void 0 ? void 0 : _state$service$cacheI9.origin_total) || 0,
-    placeholder: ((_state$service$cacheI10 = state.service.cacheItem) === null || _state$service$cacheI10 === void 0 || (_state$service$cacheI10 = _state$service$cacheI10._extend) === null || _state$service$cacheI10 === void 0 ? void 0 : _state$service$cacheI10.origin_total) || '0'
-  }))), isReason ? /*#__PURE__*/React.createElement(Col, {
-    span: 24
-  }, /*#__PURE__*/React.createElement(Form.Item, {
-    label: locales.getText('pisell2.text.discount-reason'),
-    name: "discount_reason"
-  }, /*#__PURE__*/React.createElement(Input.TextArea, {
-    size: "large"
-  }))) : null, state.renderType !== 'eventBooking' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Col, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Form.Item, {
-    label: locales.getText('pisell2.text.start_time'),
-    name: "start_time",
-    rules: [{
-      required: true
-    }]
-  }, SelectTime ? /*#__PURE__*/React.createElement(SelectTime, {
-    slice: (_state$bookingConfig3 = state.bookingConfig) === null || _state$bookingConfig3 === void 0 || (_state$bookingConfig3 = _state$bookingConfig3.config) === null || _state$bookingConfig3 === void 0 || (_state$bookingConfig3 = _state$bookingConfig3.basic) === null || _state$bookingConfig3 === void 0 || (_state$bookingConfig3 = _state$bookingConfig3.service_time) === null || _state$bookingConfig3 === void 0 ? void 0 : _state$bookingConfig3.value,
-    timePickerProps: {
-      style: {
-        width: '100%'
-      }
-    },
-    timeProps: {
-      style: {
-        zoom: 0.8
-      }
-    }
-  }) : null)), /*#__PURE__*/React.createElement(Col, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Form.Item, {
-    label: locales.getText('pisell2.text.duration'),
-    name: "duration",
-    rules: [{
-      required: true
-    }]
-  }, /*#__PURE__*/React.createElement(Duration, _extends({}, durationProps, {
-    timeObj: timeObj
-  })))), /*#__PURE__*/React.createElement(Form.Item, {
-    noStyle: true,
-    name: "resource"
-  }, /*#__PURE__*/React.createElement(Resources, {
-    ref: resourcesRef,
-    state: state,
-    cacheItem: state.service.cacheItem,
-    getCurrentCacheItem: getCurrentCacheItem,
-    useDuration: useDuration,
-    useStartTime: useStartTime
-  })), /*#__PURE__*/React.createElement(Form.Item, {
-    noStyle: true,
-    name: "capacity"
-  }, /*#__PURE__*/React.createElement(Capacity, {
-    state: state,
-    cacheItem: state.service.cacheItem
-  })), /*#__PURE__*/React.createElement(Form.Item, {
-    hidden: true,
-    name: "quantity"
-  }, /*#__PURE__*/React.createElement(InputNumber, null))))), /*#__PURE__*/React.createElement("div", {
-    className: "pisell-lowcode__booking-service-body-edit-footer"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "pisell-lowcode__booking-service-delete-wrap",
-    onClick: handleDeleteProduct
-  }, /*#__PURE__*/React.createElement(Delete_wght300_24px, {
-    className: "pisell-lowcode__booking-service-delete-icon"
-  })), /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    className: "pisell-lowcode__booking-service-body-edit-footer-apple",
-    disabled: !((_state$service$resour = state.service.resourcesOrigin) !== null && _state$service$resour !== void 0 && _state$service$resour.length),
-    onClick: function onClick() {
-      form.submit();
-    }
-  }, locales.getText('pisell2.text.apply'))))));
+  }, productName, price, reason, isShowTimeAndResource && /*#__PURE__*/React.createElement(React.Fragment, null, startTime, duration, resource, capacity, hiddenQuantity), isNormalProduct && quantity)), footer)));
 };
 export default /*#__PURE__*/forwardRef(Info);