@pisell/private-materials 6.1.2 → 6.1.4

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

@@ -35,115 +35,122 @@ 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 } = 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 = () => {
-    var _a2;
-    (_a2 = props.setIntervalTime) == null ? void 0 : _a2.call(props, true);
-  };
-  const _onClickNow = () => {
+    (_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, _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");
+    (_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 _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,
-        size: "large",
-        style: { width: "100%" }
+        icon: /* @__PURE__ */ import_react.default.createElement(import_icons.LeftOutlined, null),
+        onClick: _onClickPre,
+        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(
+      import_antd.Button,
       {
-        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
+        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,
+        {
+          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,
-    {
-      onClick: _onClickNow,
-      size: "large",
-      style: state.intervalSetTime ? { background: "#000", color: "#fff" } : void 0
-    },
-    import_utils.locales.getText("pisell2.ticket-booking.now")
-  ));
+    ), /* @__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,
+        {
+          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
+        }
+      )
+    ), /* @__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")
+    ));
+  }, [(_b = (_a = state.modalState) == null ? void 0 : _a.date) == null ? void 0 : _b.value, state.intervalSetTime, state.isTimeChange, state.isDateChange, locale]);
 };
 var timeBar_default = TimeBar;

package/lib/components/ticketBooking/index.js

@@ -183,13 +183,13 @@ var initialState = {
   ]
 };
 var ticketBooking_default = (props) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g;
   const { productExtensionType, bookingConfigParams } = props;
   const storeRef = (0, import_react.useRef)(null);
   const context = (0, import_useEngineContext.default)();
   import_utils.locales.init(
     import_locales.default,
-    ((_d = (_c = (_b = (_a = context.appHelper.utils) == null ? void 0 : _a.getApp()) == null ? void 0 : _b.locales) == null ? void 0 : _c.getLocale) == null ? void 0 : _d.call(_c)) || ((_f = (_e = context.appHelper.utils) == null ? void 0 : _e.storage) == null ? void 0 : _f.get("umi_locale")) || "en"
+    ((_e = (_d = (_c = (_b = (_a = context.appHelper.utils) == null ? void 0 : _a.getApp) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c.locales) == null ? void 0 : _d.getLocale) == null ? void 0 : _e.call(_d)) || ((_g = (_f = context.appHelper.utils) == null ? void 0 : _f.storage) == null ? void 0 : _g.get("umi_locale")) || "en"
   );
   (0, import_react.useLayoutEffect)(() => {
     import_utils2.request.setRequest(context.appHelper.utils.request);

package/lib/components/wallet/Detail/model.d.ts

@@ -1,13 +1 @@
-/// <reference types="react" />
-interface RechargeState {
-    addWalletCard: any;
-}
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    walletDetailState: RechargeState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
-export {};
+export declare const Provider: any, Context: any;

package/lib/components/wallet/DiscountCard/model.d.ts

@@ -1,14 +1 @@
-/// <reference types="react" />
-interface RechargeState {
-    total: number;
-    setup?: 'menu' | 'list' | 'detail' | string;
-}
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: RechargeState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
-export {};
+export declare const Provider: any, Context: any;

package/lib/components/wallet/PointCard/model.d.ts

@@ -1,13 +1 @@
-/// <reference types="react" />
-interface RechargeState {
-    total: number;
-}
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: RechargeState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
-export {};
+export declare const Provider: any, Context: any;

package/lib/components/wallet/RechargeableCard/model.d.ts

@@ -1,29 +1 @@
-/// <reference types="react" />
-interface RechargeState {
-    selectedGiftOptionId: string | null;
-    cardList: Array<{
-        id: string;
-        name: string;
-        price: number;
-    }>;
-    selectedItem: {
-        id?: string;
-        gift_price?: number;
-        price?: number;
-        name?: string;
-        variant_id?: string;
-    };
-    productId?: string;
-    detailId?: string;
-    total: string | number;
-    rechargeModalOpen: boolean;
-}
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: RechargeState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
-export {};
+export declare const Provider: any, Context: any;

package/lib/components/wallet/Voucher/model.d.ts

@@ -1,13 +1 @@
-/// <reference types="react" />
-interface RechargeState {
-    total: 0;
-}
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: RechargeState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
-export {};
+export declare const Provider: any, Context: any;

package/lib/components/wallet/model.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IWalletListItemProps } from './serve';
 export interface WalletCardItemProps {
     id: string;
@@ -27,11 +26,4 @@ export interface WalletListProps {
     currentSearchListItemCode?: string;
     [key: string]: any;
 }
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    global_wallet: WalletListProps;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
+export declare const Provider: any, Context: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "6.1.2",
+  "version": "6.1.4",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -60,8 +60,8 @@
     "rc-virtual-list": "^3.11.3",
     "decimal.js": "^10.4.3",
     "@pisell/utils": "3.0.0",
-    "@pisell/date-picker": "3.0.2",
     "@pisell/icon": "0.0.11",
+    "@pisell/date-picker": "3.0.2",
     "@pisell/materials": "6.1.1"
   },
   "peerDependencies": {