@pisell/private-materials 3.0.16 → 3.0.18

package/lib/components/booking/info/service/serviceItem/index.less

@@ -0,0 +1,97 @@
+.pisell-lowcode__booking-service-item {
+  width: 100%;
+  border-radius: 8px;
+  border: 1px solid #D5D7DA;
+  margin-bottom: 16px;
+  position: relative;
+  overflow: hidden;
+  padding: 16px 20px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 4px;
+  cursor: pointer;
+  background-color: #fff;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  &::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 6px;
+    height: 100%;
+    background: #80BCFE;
+    z-index: 2;
+  }
+
+  .pisell-lowcode__booking-service-item-title {
+    color: var(--gray-900, #101828);
+
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 24px;
+  }
+
+  .pisell-lowcode__booking-service-item-date {
+    color: var(--gray-500, #667085);
+
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+  }
+
+  .pisell-lowcode__booking-service-item-technician {
+    color: var(--gray-500, #667085);
+
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+  }
+
+  .pisell-lowcode__booking-service-item-price-wrap {
+    .pisell-lowcode__booking-service-item-price {
+      color: var(--gray-500, #667085);
+
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 20px;
+    }
+
+    .pisell-lowcode__booking-service-item-original-price {
+      color: var(--gray-500, #667085);
+
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 20px;
+      margin-left: 8px;
+      text-decoration: line-through;
+    }
+
+
+  }
+
+  .pisell-lowcode__booking-service-item-discount-reason {
+    color: var(--gray-500, #667085);
+
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+    white-space: break-spaces;
+  }
+
+  .pisell-lowcode__booking-service-item-error {
+    border: none;
+    margin: 0 -20px -16px;
+    border-radius: 0 0 8px 8px;
+  }
+}

package/lib/components/booking/info/service/serviceList/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "./index.less";
+declare const ServiceList: () => React.JSX.Element;
+export default ServiceList;

package/lib/components/booking/info/service/serviceList/index.js

@@ -0,0 +1,129 @@
+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/info/service/serviceList/index.tsx
+var serviceList_exports = {};
+__export(serviceList_exports, {
+  default: () => serviceList_default
+});
+module.exports = __toCommonJS(serviceList_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_index = require("./index.less");
+var import_model = require("../../model");
+var import_mock = require("../../../mock");
+var import_utils2 = require("../../../utils");
+var import_serviceItem = __toESM(require("../serviceItem"));
+var ServiceList = () => {
+  const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
+  const errorTypes = {
+    product: import_utils.locales.getText("pisell2.text.status.service-error-1"),
+    time: import_utils.locales.getText("pisell2.text.status.service-error-2"),
+    maxLimit: import_utils.locales.getText("pisell2.text.status.service-error-3")
+  };
+  const handleEditService = (item) => {
+    if (state.disabledEdit) {
+      return;
+    }
+    dispatch({
+      type: "setService",
+      payload: {
+        editModal: true,
+        cacheItem: { ...item, new: 0 }
+      }
+    });
+  };
+  const getResourceItem = (0, import_react.useCallback)(
+    (id) => {
+      if (id === 0) {
+        return (0, import_mock.getNoResource)();
+      }
+      return state.service.resources.find((d) => d.form_record_id === id);
+    },
+    [state.service.resources]
+  );
+  const getErrorMessage = (0, import_react.useCallback)((service, resourceItem) => {
+    const errorList = (0, import_utils2.getErrorList)(resourceItem, service);
+    let errorMessage = "";
+    if (!service.id) {
+      return errorList[0].label;
+    }
+    if (errorList.length) {
+      if (errorList.length > 1) {
+        errorMessage = `${errorList.length} ${import_utils.locales.getText(
+          "pisell2.text.warnings"
+        )}`;
+      } else {
+        errorMessage = (resourceItem == null ? void 0 : resourceItem.labelText) + " " + errorTypes[errorList[0].type];
+      }
+    }
+    return errorMessage;
+  }, []);
+  const handleLike = (status, item) => {
+    if (state.disabledEdit) {
+      return;
+    }
+    let _list = [...state.service.value];
+    let _id = item == null ? void 0 : item._id;
+    _list = _list.map(
+      (d) => d._id === _id ? {
+        ...d,
+        _extend: {
+          ...d._extend,
+          like_status: status
+        }
+      } : d
+    );
+    dispatch({
+      type: "setService",
+      payload: {
+        value: _list,
+        edit: true
+      }
+    });
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, state.service.value.map((d) => {
+    var _a;
+    const resourceItem = getResourceItem((_a = d._extend) == null ? void 0 : _a.resource);
+    let errorMessage = getErrorMessage(d, resourceItem);
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_serviceItem.default,
+      {
+        key: d._id,
+        getResourceItem,
+        errorMessage,
+        resourceItem,
+        d,
+        handleEditService,
+        state,
+        handleLike
+      }
+    );
+  }));
+};
+var serviceList_default = ServiceList;

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

@@ -93,6 +93,7 @@ export declare const deleteCacheParams: () => void;
  * @Date: 2024-01-26 14:09
  */
 export declare const getServerItemExtend: (state: any, cacheItem: any, timeObj: any) => any;
+export declare const getProductTotalPrice: (item: any) => number;
 /**
  * @title: 判断 duration
  * @description: 用于处理不同格式的duration

package/lib/components/booking/utils.js

@@ -41,6 +41,7 @@ __export(utils_exports, {
   getEndDate: () => getEndDate,
   getErrorList: () => getErrorList,
   getLastServer: () => getLastServer,
+  getProductTotalPrice: () => getProductTotalPrice,
   getServerItemExtend: () => getServerItemExtend,
   getServiceTime: () => getServiceTime,
   getServiceTimes: () => getServiceTimes,
@@ -428,6 +429,19 @@ var getServerItemExtend = (state, cacheItem, timeObj) => {
   };
   return _extend;
 };
+var getProductTotalPrice = (item) => {
+  var _a;
+  let price = 0;
+  price += Number(item._extend.price);
+  let other = (_a = item._extend) == null ? void 0 : _a.other;
+  if (other == null ? void 0 : other.bundle) {
+    price = other == null ? void 0 : other.bundle.reduce((accumulator, currentValue) => {
+      return accumulator + Number(currentValue.price) * Number(currentValue.num);
+    }, price);
+  }
+  price = price;
+  return price;
+};
 var getDuration = (duration) => {
   if (typeof duration === "number") {
     return duration;
@@ -465,6 +479,7 @@ var isWalkIn = (customer_id) => {
   getEndDate,
   getErrorList,
   getLastServer,
+  getProductTotalPrice,
   getServerItemExtend,
   getServiceTime,
   getServiceTimes,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "3.0.16",
+  "version": "3.0.18",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -58,8 +58,8 @@
     "ahooks": "^3.7.6",
     "react-infinite-scroll-component": "^6.1.0",
     "rc-virtual-list": "^3.11.3",
-    "@pisell/utils": "1.0.23",
     "@pisell/icon": "0.0.8",
+    "@pisell/utils": "1.0.23",
     "@pisell/date-picker": "1.0.68"
   },
   "peerDependencies": {