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

package/es/components/booking/info/pet/index.less

@@ -97,6 +97,9 @@
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
+      & > div {
+        min-width: 100% !important;
+      }
     }
   }
 

package/es/components/booking/info/service/actions/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import "./index.less";
+declare const Actions: ({ currentService }: {
+    currentService: any;
+}) => React.JSX.Element;
+export default Actions;

package/es/components/booking/info/service/actions/index.js

@@ -0,0 +1,73 @@
+import React, { useMemo, useContext } from "react";
+import { Context } from "../../model";
+import { Button } from "antd";
+import { getIsEdit } from "../../../utils";
+import { isUsableProduct } from "../addTimeModal/utils";
+import "./index.less";
+import { locales } from "@pisell/utils";
+var Actions = function Actions(_ref) {
+  var _state$bookingConfig2, _state$bookingConfig3;
+  var currentService = _ref.currentService;
+  var _useContext = useContext(Context),
+    state = _useContext.state,
+    dispatch = _useContext.dispatch;
+  var appointment_card = useMemo(function () {
+    var _state$bookingConfig, _state$bookingConfig$, _state$bookingConfig$2;
+    return (state === null || state === void 0 ? void 0 : (_state$bookingConfig = state.bookingConfig) === null || _state$bookingConfig === void 0 ? void 0 : (_state$bookingConfig$ = _state$bookingConfig.config) === null || _state$bookingConfig$ === void 0 ? void 0 : (_state$bookingConfig$2 = _state$bookingConfig$.information_tab) === null || _state$bookingConfig$2 === void 0 ? void 0 : _state$bookingConfig$2.appointment_card) || {
+      quick_time: 1
+    };
+  }, [state === null || state === void 0 ? void 0 : (_state$bookingConfig2 = state.bookingConfig) === null || _state$bookingConfig2 === void 0 ? void 0 : (_state$bookingConfig3 = _state$bookingConfig2.config) === null || _state$bookingConfig3 === void 0 ? void 0 : _state$bookingConfig3.information_tab]);
+  var onAddTime = function onAddTime() {
+    dispatch({
+      type: "setService",
+      payload: {
+        addTimeModal: true,
+        cacheItem: currentService
+      }
+    });
+  };
+  var addTimeProducts = useMemo(function () {
+    return (state.addTimeProducts || []).some(function (item) {
+      return isUsableProduct(item.add_time, currentService);
+    });
+  }, [state.addTimeProducts, currentService]);
+  var showAddTimeButton = useMemo(function () {
+    // event预约不需要
+    if (state.renderType === "eventBooking") {
+      return false;
+    }
+
+    // 禁止编辑
+    if (state.disabledEdit) {
+      return false;
+    }
+
+    // 未开启加时
+    if (appointment_card.quick_time !== 1) {
+      return false;
+    }
+
+    // 如果在编辑态, 不展示加时
+    if (getIsEdit(state)) {
+      return false;
+    }
+
+    // 如果该服务没有符合的加时商品, 不展示加时
+    if (!addTimeProducts) {
+      return false;
+    }
+    return true;
+  }, [state, appointment_card.quick_time, addTimeProducts]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "actions-wrap"
+  }, showAddTimeButton && /*#__PURE__*/React.createElement(Button, {
+    className: "action-item",
+    size: "large",
+    onClick: function onClick(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      onAddTime();
+    }
+  }, locales.getText("page.booking.text.add-time")));
+};
+export default Actions;

package/es/components/booking/info/service/actions/index.less

@@ -0,0 +1,9 @@
+.actions-wrap {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  .action-item {
+    flex: 1;
+  }
+}

package/es/components/booking/info/service/addService/index.d.ts

@@ -1,4 +1,12 @@
-import React from "react";
-import "./index.less";
-declare const Info: () => React.JSX.Element;
+import React from 'react';
+import { PisellDrawerProps } from '../../../components/drawer';
+import './index.less';
+interface AddServiceProps {
+    onEdit: any;
+    dispatch?: any;
+    state?: any;
+    drawerProps?: PisellDrawerProps;
+    renderMode?: 'current' | 'drawer';
+}
+declare const Info: (props: AddServiceProps) => React.JSX.Element;
 export default Info;