@pisell/private-materials 6.2.25 → 6.2.27

package/lib/components/ticketBooking/components/timeBar/index.js

@@ -35,125 +35,129 @@ module.exports = __toCommonJS(timeBar_exports);
 var import_react = __toESM(require("react"));
 var import_icons = require("@ant-design/icons");
 var import_materials = require("@pisell/materials");
+var import_ahooks = require("ahooks");
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_utils = require("@pisell/utils");
 var import_index = require("./index.less");
 var TimeBar = (props) => {
-  var _a, _b, _c, _d;
+  var _a, _b;
   const { globalState: state, setGlobalState, locale, onCreateClick } = props;
-  const _onClickNext = () => {
-    var _a2, _b2, _c2, _d2;
+  const _onClickNext = (0, import_ahooks.useMemoizedFn)(() => {
+    var _a2, _b2, _c, _d;
     const currentTime = (_b2 = (_a2 = state.modalState) == null ? void 0 : _a2.date) == null ? void 0 : _b2.value;
     const newTime = currentTime["add"](1, "day");
-    (_c2 = props.onDateChange) == null ? void 0 : _c2.call(props, newTime, newTime.format("YYYY-MM-DD HH:mm:ss"));
-    (_d2 = props.setIntervalTime) == null ? void 0 : _d2.call(props, false);
-  };
-  const _onClickPre = () => {
-    var _a2, _b2, _c2, _d2;
+    (_c = props.onDateChange) == null ? void 0 : _c.call(props, newTime, newTime.format("YYYY-MM-DD HH:mm:ss"));
+    (_d = props.setIntervalTime) == null ? void 0 : _d.call(props, false);
+  });
+  const _onClickPre = (0, import_ahooks.useMemoizedFn)(() => {
+    var _a2, _b2, _c, _d;
     const currentTime = (_b2 = (_a2 = state.modalState) == null ? void 0 : _a2.date) == null ? void 0 : _b2.value;
     const newTime = currentTime["subtract"](1, "day");
-    (_c2 = props.onDateChange) == null ? void 0 : _c2.call(props, newTime, newTime.format("YYYY-MM-DD HH:mm:ss"));
-    (_d2 = props.setIntervalTime) == null ? void 0 : _d2.call(props, false);
-  };
-  const _onClickToday = () => {
+    (_c = props.onDateChange) == null ? void 0 : _c.call(props, newTime, newTime.format("YYYY-MM-DD HH:mm:ss"));
+    (_d = props.setIntervalTime) == null ? void 0 : _d.call(props, false);
+  });
+  const _onClickToday = (0, import_ahooks.useMemoizedFn)(() => {
     var _a2;
     (_a2 = props.setIntervalTime) == null ? void 0 : _a2.call(props, true);
-  };
-  const _onClickNow = () => {
+  });
+  const _onClickNow = (0, import_ahooks.useMemoizedFn)(() => {
     var _a2;
     (_a2 = props.setIntervalTime) == null ? void 0 : _a2.call(props, true);
-  };
-  const _onDateTimeChange = (timeString) => {
-    var _a2, _b2, _c2, _d2;
+  });
+  const _onDateTimeChange = (0, import_ahooks.useMemoizedFn)((timeString) => {
+    var _a2, _b2, _c, _d;
     const currentTime = (_b2 = (_a2 = state.modalState) == null ? void 0 : _a2.date) == null ? void 0 : _b2.value;
     const [hours, minutes] = timeString.split(":").map(Number);
     const newTime = currentTime.hour(hours).minute(minutes).second(0);
-    (_c2 = props.onDateTimeChange) == null ? void 0 : _c2.call(props, newTime, newTime.format("YYYY-MM-DD HH:mm:ss"));
+    (_c = props.onDateTimeChange) == null ? void 0 : _c.call(props, newTime, newTime.format("YYYY-MM-DD HH:mm:ss"));
     setGlobalState({
       isTimeChange: true
     });
-    (_d2 = props.setIntervalTime) == null ? void 0 : _d2.call(props, false);
-  };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-ticket-booking-time-bar" }, /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Button,
-    {
-      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.LeftOutlined, null),
-      onClick: _onClickPre,
-      size: "large"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Button,
-    {
-      onClick: _onClickToday,
-      size: "large",
-      style: state.intervalSetTime ? { background: "#000", color: "#fff" } : void 0
-    },
-    import_utils.locales.getText("pisell2.ticket-booking.today")
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: (0, import_classnames.default)({
-        "booking-page-date-picker-select": state.isDateChange
-      }),
-      style: { width: 200, flexShrink: 0 }
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      import_materials.DatePicker,
+    (_d = props.setIntervalTime) == null ? void 0 : _d.call(props, false);
+  });
+  return (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c, _d;
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-ticket-booking-time-bar" }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
       {
-        inputReadOnly: true,
-        value: (_b = (_a = state == null ? void 0 : state.modalState) == null ? void 0 : _a.date) == null ? void 0 : _b.value,
-        format: locale === "en" ? "dddd, DD MMM YYYY" : "YYYY年MM月DD日",
-        onChange: props == null ? void 0 : props.onDateChange,
+        icon: /* @__PURE__ */ import_react.default.createElement(import_icons.LeftOutlined, null),
+        onClick: _onClickPre,
+        size: "large"
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        onClick: _onClickToday,
         size: "large",
-        style: { width: "100%" }
+        style: state.intervalSetTime ? { background: "#000", color: "#fff" } : void 0
+      },
+      import_utils.locales.getText("pisell2.ticket-booking.today")
+    ), /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)({
+          "booking-page-date-picker-select": state.isDateChange
+        }),
+        style: { width: 200, flexShrink: 0 }
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_materials.DatePicker,
+        {
+          inputReadOnly: true,
+          value: (_b2 = (_a2 = state == null ? void 0 : state.modalState) == null ? void 0 : _a2.date) == null ? void 0 : _b2.value,
+          format: locale === "en" ? "dddd, DD MMM YYYY" : "YYYY年MM月DD日",
+          onChange: props == null ? void 0 : props.onDateChange,
+          size: "large",
+          style: { width: "100%" }
+        }
+      )
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        icon: /* @__PURE__ */ import_react.default.createElement(import_icons.RightOutlined, null),
+        onClick: _onClickNext,
+        size: "large"
       }
-    )
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Button,
-    {
-      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.RightOutlined, null),
-      onClick: _onClickNext,
-      size: "large"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: (0, import_classnames.default)({
-        "booking-page-date-picker-select": state.isTimeChange
-      })
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      import_materials.SelectTime,
+    ), /* @__PURE__ */ import_react.default.createElement(
+      "div",
       {
-        value: (_d = (_c = state == null ? void 0 : state.modalState) == null ? void 0 : _c.date) == null ? void 0 : _d.value.format("HH:mm"),
-        onChange: _onDateTimeChange,
-        popoverProps: {
-          style: { zoom: 0.8 }
+        className: (0, import_classnames.default)({
+          "booking-page-date-picker-select": state.isTimeChange
+        })
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_materials.SelectTime,
+        {
+          value: (_d = (_c = state == null ? void 0 : state.modalState) == null ? void 0 : _c.date) == null ? void 0 : _d.value.format("HH:mm"),
+          onChange: _onDateTimeChange,
+          popoverProps: {
+            style: { zoom: 0.8 }
+          },
+          timePickerProps: {},
+          timeProps: {},
+          slice: 5
+        }
+      )
+    ), !state.bookingId && /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        onClick: _onClickNow,
+        size: "large",
+        style: state.intervalSetTime ? { background: "#000", color: "#fff" } : void 0
+      },
+      import_utils.locales.getText("pisell2.ticket-booking.now")
+    ), !!state.bookingId && /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        onClick: () => {
+          onCreateClick();
         },
-        timePickerProps: {},
-        timeProps: {},
-        slice: 5
-      }
-    )
-  ), !state.bookingId && /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Button,
-    {
-      onClick: _onClickNow,
-      size: "large",
-      style: state.intervalSetTime ? { background: "#000", color: "#fff" } : void 0
-    },
-    import_utils.locales.getText("pisell2.ticket-booking.now")
-  ), !!state.bookingId && /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Button,
-    {
-      onClick: () => {
-        onCreateClick();
+        size: "large",
+        type: "primary"
       },
-      size: "large",
-      type: "primary"
-    },
-    import_utils.locales.getText("pisell2.ticket-booking.create-new")
-  ));
+      import_utils.locales.getText("pisell2.ticket-booking.create-new")
+    ));
+  }, [(_b = (_a = state.modalState) == null ? void 0 : _a.date) == null ? void 0 : _b.value, state.intervalSetTime, state.isTimeChange, state.isDateChange, locale, state.bookingId]);
 };
 var timeBar_default = TimeBar;

package/lib/components/ticketBooking/index.less

@@ -1,4 +1,4 @@
 .pisell-ticket-booking-wrapper {
   display: flex;
-  height: 100vh;
+  height: 100%;
 }

package/lib/components/ticketBooking/utils/index.js

@@ -251,8 +251,8 @@ var getIsParallelResourcesBooking = (record) => {
 var formatScanCustomer = (data) => {
   var _a;
   const { result, scanCode } = data;
-  const { response, searchType } = result;
-  const { data: customerData, code } = response;
+  const { response, searchType } = result || {};
+  const { data: customerData, code = 200 } = response || {};
   if (code !== 200) {
     return null;
   }
@@ -264,8 +264,8 @@ var formatScanCustomer = (data) => {
 var formatScanGlobal = (data) => {
   var _a;
   const { result, scanCode } = data;
-  const { response, searchType } = result;
-  const { data: resultData, code } = response;
+  const { response, searchType } = result || {};
+  const { data: resultData, code } = response || {};
   if (code !== 200 && searchType !== "local_product") {
     return null;
   }

package/lib/plus/clientName/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 import { IClientNameProps } from './type';
 declare const ClientName: ({ className, dataSource, style }: IClientNameProps) => JSX.Element | null;

package/lib/pro/pisellNumberSelector/index.less

@@ -188,6 +188,6 @@
 
   .virtual-keyboard-input-delete-icon {
     font-size: 16px;
-    color: #666;
+    color: #000;
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "6.2.25",
+  "version": "6.2.27",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -59,10 +59,10 @@
     "react-infinite-scroll-component": "^6.1.0",
     "react-resizable": "^3.0.5",
     "styled-components": "^6.0.0-rc.3",
-    "@pisell/date-picker": "3.0.4",
     "@pisell/icon": "0.0.11",
-    "@pisell/materials": "6.2.25",
-    "@pisell/utils": "3.0.0"
+    "@pisell/utils": "3.0.0",
+    "@pisell/materials": "6.2.27",
+    "@pisell/date-picker": "3.0.4"
   },
   "peerDependencies": {
     "react": "^18.0.0",