npm - @pisell/private-materials - Versions diffs - 6.3.147 → 6.3.150 - Mend

@@ -39,27 +39,71 @@ var import_context = require("./context");
 var import_Content = __toESM(require("./components/Content"));
 var import_hooks = require("./hooks");
 var import_locales = __toESM(require("./locales"));
+function getViewportHeight() {
+  var _a;
+  if (typeof window === "undefined") return void 0;
+  const visualViewportHeight = (_a = window.visualViewport) == null ? void 0 : _a.height;
+  if (visualViewportHeight && visualViewportHeight > 0) return Math.round(visualViewportHeight);
+  if (window.innerHeight > 0) return window.innerHeight;
+  return void 0;
+}
+function getViewportHeightFallback() {
+  var _a, _b;
+  if (typeof CSS !== "undefined" && ((_a = CSS.supports) == null ? void 0 : _a.call(CSS, "height", "100dvh"))) return "100dvh";
+  if (typeof CSS !== "undefined" && ((_b = CSS.supports) == null ? void 0 : _b.call(CSS, "height", "100svh"))) return "100svh";
+  return "100%";
+}
+function getViewportStyle(viewportHeight) {
+  if (viewportHeight === void 0) {
+    const fallbackHeight = getViewportHeightFallback();
+    return {
+      height: fallbackHeight,
+      minHeight: fallbackHeight
+    };
+  }
+  return {
+    "--vb-viewport-height": `${viewportHeight}px`,
+    height: "var(--vb-viewport-height)",
+    minHeight: "var(--vb-viewport-height)"
+  };
+}
 function VenueBooking(props) {
   var _a, _b, _c;
   const context = (0, import_useEngineContext.default)();
   const entryContext = (0, import_hooks.normalizeEntryContext)((_a = context == null ? void 0 : context.engine) == null ? void 0 : _a.props);
   import_utils.locales.init(import_locales.default, ((_c = (_b = context == null ? void 0 : context.engine) == null ? void 0 : _b.props) == null ? void 0 : _c.locale) || "en");
   const [viewportHeight, setViewportHeight] = (0, import_react.useState)(
-    typeof window !== "undefined" ? window.innerHeight : void 0
+    getViewportHeight
   );
   (0, import_react.useEffect)(() => {
-    function onResize() {
-      setViewportHeight(window.innerHeight);
+    var _a2, _b2;
+    let frameId;
+    function updateViewportHeight() {
+      if (frameId !== void 0) window.cancelAnimationFrame(frameId);
+      frameId = window.requestAnimationFrame(() => {
+        frameId = void 0;
+        setViewportHeight(getViewportHeight());
+      });
     }
-    setViewportHeight(window.innerHeight);
-    window.addEventListener("resize", onResize);
-    return () => window.removeEventListener("resize", onResize);
+    updateViewportHeight();
+    window.addEventListener("resize", updateViewportHeight);
+    window.addEventListener("orientationchange", updateViewportHeight);
+    (_a2 = window.visualViewport) == null ? void 0 : _a2.addEventListener("resize", updateViewportHeight);
+    (_b2 = window.visualViewport) == null ? void 0 : _b2.addEventListener("scroll", updateViewportHeight);
+    return () => {
+      var _a3, _b3;
+      if (frameId !== void 0) window.cancelAnimationFrame(frameId);
+      window.removeEventListener("resize", updateViewportHeight);
+      window.removeEventListener("orientationchange", updateViewportHeight);
+      (_a3 = window.visualViewport) == null ? void 0 : _a3.removeEventListener("resize", updateViewportHeight);
+      (_b3 = window.visualViewport) == null ? void 0 : _b3.removeEventListener("scroll", updateViewportHeight);
+    };
   }, []);
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: "venue-booking-scope overflow-x-hidden overscroll-none bg-[#f5f5f3] text-zinc-900",
-      style: viewportHeight !== void 0 ? { height: viewportHeight } : { height: "100vh" }
+      style: getViewportStyle(viewportHeight)
     },
     /* @__PURE__ */ import_react.default.createElement(import_context.VenueBookingProvider, { entryContext }, /* @__PURE__ */ import_react.default.createElement(import_Content.default, null))
   );

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Modal as AntModal, ModalFuncProps as AntModalFuncProps, ModalProps as AntModalProps } from 'antd';
 import './index.less';
 interface ModalProps extends AntModalProps {

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const HandleActions: (props: {
     locales: any;
     __id?: string;

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const QuickFilter: (props: {
     locales: any;
 }) => JSX.Element;

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Reset: (props: {
     locales: any;
     setValueType: (value: any) => void;

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Toolbar: (props: {
     locales: any;
     clearSelectedData: () => void;

@@ -6,8 +6,8 @@ export declare const RESERVATION_DEFAULT_FLOOR_PLAN_ID = 1;
 export type { PostShopFloorPlanBody, PutShopFloorPlanBody, ShopFloorPlanByCodeRequestOptions, ShopFloorPlanDetail, ShopFloorPlanLayoutItem, };
 export { buildFloorPlanPutBody, floorMapSavedConfigToRemotePatch, inferCanvasSizeFromScene, mergeFloorPlanViewRemote, parseLayoutFieldToViewConfigPatch, pickFloorPlanDetail, sceneElementsToShopLayout, viewConfigToLayoutPayload, isShopFloorPlanNotFoundResponse, isHttpNotFoundError, } from '@pisell/materials';
 export declare function isFloorPlanDuplicateCodeError(err: unknown): boolean;
-export declare const getShopFloorPlanByCode: (code: string, subscribe?: any) => Promise<any>;
-export declare const postShopFloorPlan: (body: PostShopFloorPlanBody) => Promise<any>;
+export declare const getShopFloorPlanByCode: (code: string, subscribe?: ShopFloorPlanByCodeRequestOptions | undefined) => Promise<ShopFloorPlanDetail | null>;
+export declare const postShopFloorPlan: (body: PostShopFloorPlanBody) => Promise<ShopFloorPlanDetail | null>;
 export declare const putShopFloorPlan: (id: number, body: PutShopFloorPlanBody) => Promise<unknown>;
 export declare const unsubscribeShopFloorPlanCodeQuery: (subscriberId: string) => Promise<void>;
 /**

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { FloorMapViewConfig } from '@pisell/materials';
 export declare function useReservationFloorPlan(options: {
     resolvedFloorPlanId: number | null;

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const IconClock: () => JSX.Element;
 export declare const IconUsers: () => JSX.Element;
 export declare const IconWarn: () => JSX.Element;

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const getBookingStatusMap: () => Record<string, string>;
 export declare const BOOKING_STATUS_COLOR_MAP: Record<string, string>;
 export declare const getBookingPlatformMap: () => Record<string, string>;

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SCOProps } from './types';
 import './index.less';
 declare const SaasCreateOrganization: (props: SCOProps) => JSX.Element;

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import '../index.less';
 declare const VertifyEmail: (props: {
     email: string;

@@ -1,7 +1,6 @@
 /**
  * 单规格商品卡片，点击后需要拉起弹窗展示具体的规格信息
  */
-/// <reference types="react" />
 import { RenderItemProps } from '../../../../pro/Selector/types';
 import './index.less';
 declare const OptionsCard: (props: RenderItemProps & {

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "6.3.147",
+  "version": "6.3.150",
   "scripts": {
     "dev": "father dev",
     "build": "father build",

@pisell/private-materials 6.3.147 → 6.3.150