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

package/lib/components/booking/info/clientVariant/vertical/index.js

@@ -0,0 +1,404 @@
+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/clientVariant/vertical/index.tsx
+var vertical_exports = {};
+__export(vertical_exports, {
+  default: () => vertical_default
+});
+module.exports = __toCommonJS(vertical_exports);
+var import_react = __toESM(require("react"));
+var import_User01 = __toESM(require("@pisell/icon/es/User01"));
+var import_PlusCircle = __toESM(require("@pisell/icon/es/PlusCircle"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_useClientFn = __toESM(require("../hooks/useClientFn"));
+var import_SelectDrawer = __toESM(require("./SelectDrawer"));
+var import_pet = __toESM(require("../../pet"));
+var import_index = require("./index.less");
+var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
+var import_format = require("../../../forms/format");
+var import_utils2 = require("../../utils");
+var import_ahooks = require("ahooks");
+var VerticalClient = (props) => {
+  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, _G, _H;
+  const { globalState, setGlobalState } = props;
+  const modalRef = (0, import_react.useRef)();
+  const state = globalState;
+  const stateRef = (0, import_react.useRef)(state);
+  const prevCustomerId = (0, import_react.useRef)(null);
+  const context = (0, import_useEngineContext.default)();
+  const [isHasFormRecord, setIsHasFormRecord] = (0, import_react.useState)(true);
+  const isFranchisee = (_d = (_c = (_b = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.businessUtils) == null ? void 0 : _c.getAppByModal) == null ? void 0 : _d.call(_c, "franchisee");
+  state.isFranchisee = isFranchisee;
+  stateRef.current = state;
+  const {
+    isWalkIn,
+    setClient,
+    handleSelectClient,
+    menuChange,
+    handleViewClient,
+    menus,
+    handleCreateItem,
+    getClients,
+    params,
+    searchChange,
+    loading,
+    loadMore,
+    handleOpenClientModal,
+    getNickname,
+    franchiseeLoading
+  } = (0, import_useClientFn.default)({
+    state,
+    setGlobalState,
+    modalRef,
+    onRemoveClient: () => {
+      setTimeout(() => {
+        handleSelectPet({
+          [boardConfig.form_id]: []
+        });
+      });
+    }
+  });
+  const renderList = (0, import_react.useMemo)(() => {
+    let _list = [...state.client.clients];
+    return (0, import_utils2.moveItemToFront)(_list, state.client.value.id);
+  }, [state.client.clients, state.client.value.id]);
+  const handleClose = () => {
+    setTimeout(() => {
+      setClient({
+        showModal: false
+      });
+    });
+  };
+  const petDispatch = ({ type, payload }) => {
+    if (type === "setPet") {
+      setGlobalState({
+        pet: {
+          ...stateRef.current.pet,
+          ...payload
+        }
+      });
+    }
+  };
+  const boardConfig = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2;
+    return ((_c2 = (_b2 = (_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.basic) == null ? void 0 : _c2.appointment_subject) || {};
+  }, [(_f = (_e = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _e.config) == null ? void 0 : _f.basic]);
+  (0, import_react.useEffect)(() => {
+    var _a2, _b2, _c2, _d2;
+    if (((_d2 = (_c2 = (_b2 = (_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.basic) == null ? void 0 : _c2.appointment_customer) == null ? void 0 : _d2.type) === "customer" && (state == null ? void 0 : state.modalOpen) && !(state == null ? void 0 : state.bookingId)) {
+      handleOpenClientModal();
+    } else {
+      modalRef.current.close();
+      setClient({
+        showModal: false
+      });
+    }
+  }, [
+    (_j = (_i = (_h = (_g = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _g.config) == null ? void 0 : _h.basic) == null ? void 0 : _i.appointment_customer) == null ? void 0 : _j.type,
+    state == null ? void 0 : state.modalOpen
+  ]);
+  const handleSelectPet = (val) => {
+    setGlobalState({
+      pet: {
+        ...state.pet,
+        edit: true,
+        value: val
+      }
+    });
+  };
+  const handleOpenModal = (0, import_ahooks.useMemoizedFn)(() => {
+    handleOpenClientModal();
+  });
+  const handleAddPet = (_client, cb) => {
+    var _a2;
+    let _data = {
+      formDataConfig: { ...((_a2 = state.pet.formData) == null ? void 0 : _a2[0]) || {} }
+    };
+    _data.customerId = _client.id;
+    state.action({
+      type: "pisell1.goCustomFormAddData",
+      data: _data,
+      callback: (res) => {
+        const newFormRecordObj = res.reduce((p, c) => {
+          return {
+            ...p,
+            [c.key]: c.value
+          };
+        }, {});
+        const newClients = stateRef.current.client.clients.map((item) => {
+          if (item.id === _client.id) {
+            return {
+              ...item,
+              form_record: [
+                ...item.form_record,
+                {
+                  ...newFormRecordObj,
+                  id: newFormRecordObj.form_record_id,
+                  data: newFormRecordObj
+                }
+              ]
+            };
+          }
+          return item;
+        });
+        setClient({
+          clients: newClients
+        });
+        cb == null ? void 0 : cb(newFormRecordObj);
+      }
+    });
+  };
+  const previewItemTitleRender = (0, import_ahooks.useMemoizedFn)((value, index, values) => {
+    var _a2, _b2, _c2, _d2, _e2, _f2;
+    const title = getNickname(value.customer) || ((_a2 = value == null ? void 0 : value.customer) == null ? void 0 : _a2.email) || ((_b2 = value == null ? void 0 : value.customer) == null ? void 0 : _b2.phone) || "";
+    if (((_c2 = value == null ? void 0 : value.customer) == null ? void 0 : _c2.id) === prevCustomerId.current) {
+      if (values.length === index + 1) {
+        prevCustomerId.current = null;
+      }
+      return null;
+    }
+    prevCustomerId.current = (_d2 = value == null ? void 0 : value.customer) == null ? void 0 : _d2.id;
+    if (values.length === index + 1) {
+      prevCustomerId.current = null;
+    }
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-title" }, title, " ' ", ((_f2 = (_e2 = state.pet.formData) == null ? void 0 : _e2[0]) == null ? void 0 : _f2.title) || "");
+  });
+  const isShowAddBtn = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2, _d2, _e2, _f2;
+    const formId2 = (_c2 = (_b2 = (_a2 = state.pet) == null ? void 0 : _a2.formData) == null ? void 0 : _b2[0]) == null ? void 0 : _c2.form_id;
+    if ((!isWalkIn || ((_f2 = (_e2 = (_d2 = state.pet) == null ? void 0 : _d2.value) == null ? void 0 : _e2[formId2]) == null ? void 0 : _f2.length)) && !(state == null ? void 0 : state.disabledEdit) && boardConfig.type === "form") {
+      return true;
+    }
+    return false;
+  }, [
+    isWalkIn,
+    state == null ? void 0 : state.disabledEdit,
+    (_k = state.pet) == null ? void 0 : _k.value,
+    (_l = state.pet) == null ? void 0 : _l.formData,
+    boardConfig.type
+  ]);
+  const formId = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2;
+    return (_c2 = (_b2 = (_a2 = state.pet) == null ? void 0 : _a2.formData) == null ? void 0 : _b2[0]) == null ? void 0 : _c2.form_id;
+  }, [(_o = (_n = (_m = state.pet) == null ? void 0 : _m.formData) == null ? void 0 : _n[0]) == null ? void 0 : _o.form_id]);
+  const currentPetValue = (0, import_react.useMemo)(() => {
+    var _a2, _b2;
+    return (_b2 = (_a2 = state.pet) == null ? void 0 : _a2.value) == null ? void 0 : _b2[formId];
+  }, [(_p = state.pet) == null ? void 0 : _p.value, formId]);
+  const getCurrentClientSearchValue = (0, import_react.useCallback)(() => {
+    var _a2, _b2;
+    let searchVal = getNickname(state.client.value) || ((_a2 = state.client.value) == null ? void 0 : _a2.email) || ((_b2 = state.client.value) == null ? void 0 : _b2.phone) || "";
+    if (isWalkIn) {
+      searchVal = "";
+    }
+    return searchVal;
+  }, [state.client.value, isWalkIn]);
+  (0, import_react.useEffect)(() => {
+    if (!isWalkIn && formId && !(currentPetValue == null ? void 0 : currentPetValue.length) && boardConfig.type === "form") {
+      const getData = async () => {
+        var _a2, _b2, _c2, _d2, _e2, _f2;
+        const findCurrentClient = (list) => {
+          return list.find((item) => {
+            var _a3, _b3;
+            return item.id === ((_b3 = (_a3 = state.client) == null ? void 0 : _a3.value) == null ? void 0 : _b3.id);
+          });
+        };
+        const clients = (_b2 = (_a2 = stateRef.current) == null ? void 0 : _a2.client) == null ? void 0 : _b2.clients;
+        const currentClient = findCurrentClient(clients);
+        if (currentClient) {
+          setIsHasFormRecord(!!((_c2 = currentClient == null ? void 0 : currentClient.form_record) == null ? void 0 : _c2.length));
+        } else {
+          const val = await getClients(
+            {
+              with: ["formRecord"],
+              relation_form_id: boardConfig == null ? void 0 : boardConfig.form_id,
+              skip: 1,
+              num: 20,
+              customer_ids: [(_e2 = (_d2 = state.client) == null ? void 0 : _d2.value) == null ? void 0 : _e2.id]
+            },
+            true
+          );
+          const currentClient2 = findCurrentClient(val);
+          setIsHasFormRecord(!!((_f2 = currentClient2 == null ? void 0 : currentClient2.form_record) == null ? void 0 : _f2.length));
+        }
+      };
+      getData();
+    }
+  }, [
+    isWalkIn,
+    formId,
+    (_q = state.client.value) == null ? void 0 : _q.id,
+    currentPetValue,
+    boardConfig
+  ]);
+  const petRender = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2;
+    if ((state == null ? void 0 : state.disabledEdit) || boardConfig.type !== "form") {
+      return null;
+    }
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, !(currentPetValue == null ? void 0 : currentPetValue.length) && !isHasFormRecord && !isWalkIn && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Empty,
+      {
+        style: { marginBottom: 0 },
+        image: import_antd.Empty.PRESENTED_IMAGE_SIMPLE,
+        description: import_utils.locales.getText(
+          "pisell2.text.variant-client-no-data"
+        )
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "pisell-lowcode__create-form-wrap",
+        onClick: () => {
+          var _a3;
+          handleAddPet == null ? void 0 : handleAddPet((_a3 = state == null ? void 0 : state.client) == null ? void 0 : _a3.value, (addRecord = {}) => {
+            setTimeout(() => {
+              var _a4, _b3, _c3, _d2, _e2;
+              handleSelectPet({
+                [formId]: (0, import_format.formatAddFormValues)({
+                  clientId: (_b3 = (_a4 = state == null ? void 0 : state.client) == null ? void 0 : _a4.value) == null ? void 0 : _b3.id,
+                  value: [{ ...addRecord, customer: (_c3 = state == null ? void 0 : state.client) == null ? void 0 : _c3.value }],
+                  data_range: (_e2 = (_d2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _d2.holder) == null ? void 0 : _e2.data_range
+                })
+              });
+            }, 200);
+          });
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_PlusCircle.default, { className: "pisell-lowcode__create-form-icon" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__create-form-txt" }, `${import_utils.locales.getText("pisell2.text.create-new")} ${((_c2 = (_b2 = (_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.holder) == null ? void 0 : _b2.form) == null ? void 0 : _c2.title) || "-"}`))
+    )), /* @__PURE__ */ import_react.default.createElement(
+      import_pet.default,
+      {
+        clientChangeNotSetPet: true,
+        state,
+        dispatch: petDispatch,
+        hideTitle: true,
+        handleOpenModal,
+        addButtonProps: {
+          onClick: handleOpenClientModal,
+          style: { display: "none" }
+        },
+        previewItemTitleRender
+      }
+    ));
+  }, [
+    isWalkIn,
+    isHasFormRecord,
+    state == null ? void 0 : state.disabledEdit,
+    boardConfig.type,
+    (_t = (_s = (_r = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _r.holder) == null ? void 0 : _s.form) == null ? void 0 : _t.title,
+    (_v = (_u = state.pet) == null ? void 0 : _u.formData) == null ? void 0 : _v[0],
+    state,
+    petDispatch,
+    handleOpenModal,
+    handleOpenClientModal,
+    previewItemTitleRender,
+    handleAddPet,
+    currentPetValue,
+    formId,
+    (_x = (_w = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _w.holder) == null ? void 0 : _x.data_range
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-vertical-client-wrap" }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-lowcode__booking-vertical-client",
+      onClick: () => {
+        if (!isWalkIn || (state == null ? void 0 : state.disableEventBookingEdit)) {
+          return;
+        }
+        handleOpenClientModal();
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { loading: state.loading, active: true, round: true }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Avatar,
+      {
+        className: "pisell-lowcode__booking-client-avatar",
+        src: import_utils.image.ali((_y = state.client.value) == null ? void 0 : _y.cover, 100),
+        size: 64,
+        icon: /* @__PURE__ */ import_react.default.createElement(import_User01.default, { className: "pisell-lowcode__booking-client-list-item-avatar-icon" })
+      }
+    ), isWalkIn ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-desc" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-title" }, import_utils.locales.getText("pisell2.text.add-client")), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, import_utils.locales.getText("pisell2.text.leave-empty-for-walk-in"))) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-title" }, getNickname(state.client.value)), ((_z = state.client.value) == null ? void 0 : _z.email) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, (_A = state.client.value) == null ? void 0 : _A.email) : null, ((_B = state.client.value) == null ? void 0 : _B.phone) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, (_C = state.client.value) == null ? void 0 : _C.phone) : null), !isWalkIn && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-action-wrap" }, !state.disabledEdit && /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Dropdown.Button,
+      {
+        menu: {
+          items: menus,
+          onClick: menuChange
+        },
+        placement: "bottomRight",
+        onClick: () => handleOpenClientModal()
+      },
+      import_utils.locales.getText("pisell2.text.variant-client-change")
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        onClick: (e) => {
+          e.stopPropagation();
+          handleViewClient();
+        }
+      },
+      import_utils.locales.getText("pisell2.text.view-profile")
+    )))
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-vertical-pet" }, petRender), isShowAddBtn && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-vertical-footer" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      onClick: () => {
+        const currentClientSearchValue = getCurrentClientSearchValue();
+        modalRef.current.setSearch(currentClientSearchValue);
+        handleOpenClientModal(currentClientSearchValue);
+      },
+      block: true,
+      size: "large"
+    },
+    import_utils.locales.getText("pisell2.text.select")
+  )), /* @__PURE__ */ import_react.default.createElement(
+    import_SelectDrawer.default,
+    {
+      modalOpen: state.modalOpen,
+      loading,
+      autoFocus: !((_F = (_E = (_D = context == null ? void 0 : context.appHelper) == null ? void 0 : _D.utils) == null ? void 0 : _E.isTerminal) == null ? void 0 : _F.call(_E)),
+      ref: modalRef,
+      onClose: handleClose,
+      handleSelectClient,
+      handleCreateItem,
+      childrenValue: state.pet.value,
+      handleSelectPet,
+      formData: state.pet.formData,
+      searchChange,
+      options: renderList,
+      holder: (_G = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _G.holder,
+      client: (_H = state == null ? void 0 : state.client) == null ? void 0 : _H.value,
+      loadMore,
+      showPet: (boardConfig == null ? void 0 : boardConfig.type) === "form",
+      handleAddPet,
+      franchiseeLoading
+    }
+  ));
+};
+var vertical_default = VerticalClient;

package/lib/components/booking/info/clientVariant/vertical/index.less

@@ -0,0 +1,101 @@
+.pisell-lowcode__booking-vertical-client-wrap {
+  position: relative;
+  overflow: hidden;
+  height: 100%;
+  width: 100%;
+  border-right: 1px solid var(--Gray-200, #EAECF0);
+  background: var(--Gray-50, #F9FAFB);
+  display: flex;
+  flex-direction: column;
+  .pisell-lowcode-drawer-content {
+    border-right: 1px solid var(--Gray-200, #EAECF0);
+  }
+  .pisell-lowcode__booking-drawer-title-wrap {
+    padding: 24px 24px 0;
+  }
+  .pisell-lowcode__booking-drawer-back {
+    margin-right: 6px;
+  }
+  .pisell-lowcode__booking-drawer-back, .pisell-lowcode__booking-drawer-title {
+    font-size: 18px;
+  }
+}
+.pisell-lowcode__booking-vertical-client {
+  padding: 24px 16px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+  border-bottom: 1px solid var(--Gray-200, #EAECF0);
+  .pisell-lowcode__booking-client-avatar {
+    margin-bottom: 16px;
+  }
+  .pisell-lowcode__booking-client-title {
+    color: var(--Gray-900, #101828);
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 24px; /* 150% */
+    text-align: center;
+  }
+  .pisell-lowcode__booking-client-desc-item {
+    color: var(--Gray-400, #98A2B3);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px; /* 142.857% */
+    text-align: center;
+    max-width: 200px;
+    word-break:break-word
+  }
+  .pisell-lowcode__booking-client-action-wrap {
+    display: flex;
+    gap: 16px;
+    justify-content: center;
+    margin-top: 16px;
+  }
+}
+
+.pisell-lowcode__booking-vertical-pet {
+  padding: 0 24px 24px;
+  flex:1;
+  overflow: auto;
+}
+.pisell-lowcode__booking-pet-title {
+  color: var(--Gray-700, #344054);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 20px;
+  margin-bottom: 8px;
+  word-break: break-word;
+}
+
+.pisell-lowcode__booking-vertical-footer {
+  display: flex;
+  padding: var(--rateStarSize, 20px) 32px;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 16px;
+  border-top: 1px solid var(--Gray-200, #EAECF0);
+  background: var(--Base-White, #FFF);
+  box-shadow: 0px -4px 8px -2px rgba(16, 24, 40, 0.10), 0px -2px 4px -2px rgba(16, 24, 40, 0.06);
+}
+.pisell-lowcode__create-form-wrap {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  cursor: pointer;
+  padding: 16px;
+  .pisell-lowcode__create-form-icon {
+    font-size: 20px;
+    color: rgb(127, 86, 217);
+  }
+  .pisell-lowcode__create-form-txt {
+    color: #7f56d9;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 24px;
+  }
+}

package/lib/components/booking/info/date/index.js

@@ -119,7 +119,7 @@ var DateCom = () => {
       bordered: false,
       suffixIcon: !modal.state.disabledEdit ? /* @__PURE__ */ import_react.default.createElement(import_ChevronDown.default, null) : null,
       disabledDate,
-      format: modal.state.locale === "en" ? "dddd, MM DD YYYY" : "YYYY年MM月DD日",
+      format: modal.state.locale === "en" ? "dddd, DD MMM YYYY" : "YYYY年MM月DD日",
       value: modal.state.date.value,
       onChange: dateChange,
       disabled: modal.state.disabledEdit

package/lib/components/booking/info/date/index.less

@@ -1,5 +1,5 @@
 .pisell-lowcode__booking-body-select-date {
-  padding: 24px 0;
+  padding: 24px 0 8px;
   font-weight: 550;
 
   .pisell-lowcode-picker-input>input {

package/lib/components/booking/info/header/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import "./index.less";
+import React from 'react';
+import './index.less';
 declare const header: ({ state, dispatch }: any) => React.JSX.Element;
 export default header;