@pisell/materials 1.8.18 → 1.8.19

package/lib/components/pisellFloorMapLayout/components/ItemLayer.js

@@ -0,0 +1,174 @@
+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/pisellFloorMapLayout/components/ItemLayer.tsx
+var ItemLayer_exports = {};
+__export(ItemLayer_exports, {
+  ItemLayer: () => ItemLayer,
+  default: () => ItemLayer_default
+});
+module.exports = __toCommonJS(ItemLayer_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_ItemLayer = require("./ItemLayer.less");
+var PREFIX = "pisell-floor-map-layout";
+function getItemKey(item, index, rowKey) {
+  if (!rowKey) return item.id;
+  if (typeof rowKey === "string")
+    return String(item[rowKey] ?? item.id);
+  return rowKey(item, index);
+}
+function getShapeStyle(shape = "rect") {
+  switch (shape) {
+    case "circle":
+      return { borderRadius: "50%" };
+    case "triangle":
+      return { clipPath: "polygon(50% 0%, 0% 100%, 100% 100%)" };
+    case "polygon":
+    case "custom":
+      return {};
+    default:
+      return {};
+  }
+}
+function ItemLayer(props) {
+  const {
+    items,
+    renderItem,
+    rowKey,
+    cellSize,
+    itemUnit = "cell",
+    itemGap = 0,
+    contentWidth,
+    contentHeight,
+    contentOffsetX = 0,
+    contentOffsetY = 0,
+    enableHover = true,
+    onItemClick,
+    onItemHover,
+    onItemLeave,
+    getMergedItemWrapperStyle,
+    className
+  } = props;
+  const itemNodes = (0, import_react.useMemo)(() => {
+    const isPixel = itemUnit === "pixel";
+    const g = itemGap;
+    const sorted = [...items].sort((a, b) => (a.zIndex ?? 0) - (b.zIndex ?? 0));
+    return sorted.map((item, index) => {
+      let left;
+      let top;
+      let width;
+      let height;
+      if (isPixel) {
+        width = item.width ?? cellSize;
+        height = item.height ?? cellSize;
+        left = item.x;
+        top = item.y;
+      } else {
+        const w = item.width ?? 1;
+        const h = item.height ?? 1;
+        left = g > 0 ? item.x * (cellSize + g) + g : item.x * cellSize;
+        top = g > 0 ? item.y * (cellSize + g) + g : item.y * cellSize;
+        width = g > 0 ? w * cellSize + (w - 1) * g : w * cellSize;
+        height = g > 0 ? h * cellSize + (h - 1) * g : h * cellSize;
+      }
+      const key = getItemKey(item, index, rowKey);
+      const shapeStyle = getShapeStyle(item.shape);
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          key,
+          className: (0, import_classnames.default)(`${PREFIX}-item`, {
+            [`${PREFIX}-item-hoverable`]: enableHover
+          }),
+          style: {
+            position: "absolute",
+            left,
+            top,
+            width,
+            height,
+            boxSizing: "border-box",
+            zIndex: item.zIndex ?? 0,
+            ...shapeStyle,
+            ...getMergedItemWrapperStyle == null ? void 0 : getMergedItemWrapperStyle(item, index)
+          },
+          onClick: (e) => onItemClick == null ? void 0 : onItemClick(item, index, e),
+          onMouseEnter: (e) => onItemHover == null ? void 0 : onItemHover(item, index, e),
+          onMouseLeave: (e) => onItemLeave == null ? void 0 : onItemLeave(item, index, e)
+        },
+        renderItem(item, index)
+      );
+    });
+  }, [
+    items,
+    renderItem,
+    rowKey,
+    cellSize,
+    itemUnit,
+    itemGap,
+    enableHover,
+    onItemClick,
+    onItemHover,
+    onItemLeave,
+    getMergedItemWrapperStyle
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)(`${PREFIX}-item-layer`, className),
+      style: {
+        position: "absolute",
+        left: 0,
+        top: 0,
+        width: contentWidth,
+        height: contentHeight,
+        minWidth: contentWidth,
+        minHeight: contentHeight
+      }
+    },
+    contentOffsetX !== 0 || contentOffsetY !== 0 ? /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          left: 0,
+          top: 0,
+          width: contentWidth,
+          height: contentHeight,
+          transform: `translate(${contentOffsetX}px, ${contentOffsetY}px)`
+        }
+      },
+      itemNodes
+    ) : itemNodes
+  );
+}
+var ItemLayer_default = ItemLayer;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ItemLayer
+});

package/lib/components/pisellFloorMapLayout/components/ItemLayer.less

@@ -0,0 +1,19 @@
+.pisell-floor-map-layout-item-layer {
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 1;
+}
+
+.pisell-floor-map-layout-item {
+  /* 必须裁剪在格子内，避免内容溢出到格子外导致位置错乱 */
+  overflow: hidden;
+  cursor: pointer;
+  z-index: 0;
+
+  &-hoverable:hover {
+    outline: 2px solid rgba(24, 144, 255, 0.5);
+    outline-offset: -2px;
+    z-index: 1;
+  }
+}

package/lib/components/pisellFloorMapLayout/components/MapLayer.d.ts

@@ -0,0 +1,27 @@
+/**
+ * MapLayer - 楼层图底层
+ * 负责背景（无/纯色/图片/SVG）、网格线、padding、gap
+ */
+import React from 'react';
+import type { FloorMapLayerConfig } from '../types';
+import './MapLayer.less';
+export interface MapLayerProps {
+    /** 底层配置 */
+    config?: FloorMapLayerConfig;
+    /** 内容区域宽度（逻辑单位或像素，用于网格线计算） */
+    contentWidth?: number;
+    /** 内容区域高度 */
+    contentHeight?: number;
+    /** 每格像素尺寸（用于网格线间距） */
+    cellSize?: number;
+    /** 为 true 时不应用纯色背景，让画布底层网格透出 */
+    preferCanvasGrid?: boolean;
+    /** 为 true 时容器设置 pointer-events: none，空白处点击可透传到下层，供 react-zoom-pan-pinch 画布平移 */
+    pointerEventsNone?: boolean;
+    /** 子节点（展示层会叠在上方） */
+    children?: React.ReactNode;
+    /** 自定义类名 */
+    className?: string;
+}
+export declare function MapLayer(props: MapLayerProps): JSX.Element;
+export default MapLayer;

package/lib/components/pisellFloorMapLayout/components/MapLayer.js

@@ -0,0 +1,108 @@
+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/pisellFloorMapLayout/components/MapLayer.tsx
+var MapLayer_exports = {};
+__export(MapLayer_exports, {
+  MapLayer: () => MapLayer,
+  default: () => MapLayer_default
+});
+module.exports = __toCommonJS(MapLayer_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_MapLayer = require("./MapLayer.less");
+var PREFIX = "pisell-floor-map-layout";
+function toCssSize(v) {
+  if (v === void 0) return void 0;
+  return typeof v === "number" ? `${v}px` : v;
+}
+function MapLayer(props) {
+  const {
+    config = {},
+    contentWidth = 0,
+    contentHeight = 0,
+    cellSize = 64,
+    preferCanvasGrid = false,
+    pointerEventsNone = false,
+    children,
+    className
+  } = props;
+  const {
+    backgroundType = "none",
+    backgroundColor,
+    backgroundImage,
+    backgroundSvg,
+    showGrid = false,
+    padding,
+    gap
+  } = config;
+  const paddingCss = toCssSize(padding);
+  const gapCss = toCssSize(gap);
+  const backgroundStyle = {};
+  if (preferCanvasGrid) {
+    backgroundStyle.backgroundColor = "transparent";
+  } else if (backgroundType === "color" && backgroundColor) {
+    backgroundStyle.backgroundColor = backgroundColor;
+  }
+  if (backgroundType === "image" && backgroundImage) {
+    backgroundStyle.backgroundImage = `url(${backgroundImage})`;
+    backgroundStyle.backgroundSize = "cover";
+    backgroundStyle.backgroundPosition = "center";
+  }
+  if (backgroundType === "svg" && backgroundSvg) {
+    const isUrl = backgroundSvg.startsWith("http") || backgroundSvg.startsWith("/");
+    backgroundStyle.backgroundImage = isUrl ? `url(${backgroundSvg})` : `url("data:image/svg+xml,${encodeURIComponent(backgroundSvg)}")`;
+    backgroundStyle.backgroundSize = "cover";
+    backgroundStyle.backgroundPosition = "center";
+  }
+  const containerStyle = {
+    padding: paddingCss,
+    gap: gapCss,
+    ...pointerEventsNone ? { pointerEvents: "none" } : {}
+  };
+  const gridStyle = showGrid ? {
+    backgroundImage: `
+          linear-gradient(to right, rgba(0,0,0,0.08) 1px, transparent 1px),
+          linear-gradient(to bottom, rgba(0,0,0,0.08) 1px, transparent 1px)
+        `,
+    backgroundSize: `${cellSize}px ${cellSize}px`
+  } : {};
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)(`${PREFIX}-map-layer`, className),
+      style: { ...backgroundStyle, ...containerStyle, ...gridStyle }
+    },
+    children
+  );
+}
+var MapLayer_default = MapLayer;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MapLayer
+});

package/lib/components/pisellFloorMapLayout/components/MapLayer.less

@@ -0,0 +1,7 @@
+.pisell-floor-map-layout-map-layer {
+  position: absolute;
+  inset: 0;
+  box-sizing: border-box;
+  overflow: hidden;
+  z-index: 0;
+}

package/lib/components/pisellFloorMapLayout/components/ViewControls.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import type { FloorMapControlsConfig } from '../types';
+import './ViewControls.less';
+/** 从 react-zoom-pan-pinch 拿到的控制 API（由主组件传入） */
+export interface ViewControlsApi {
+    zoomIn: () => void;
+    zoomOut: () => void;
+    resetTransform: () => void;
+    /** 区域定位，可能由主组件基于 items 计算后封装 */
+    fitBounds?: () => void;
+    /** 切换全屏（requestFullscreen / exitFullscreen） */
+    toggleFullscreen?: () => void;
+}
+export interface ViewControlsProps {
+    /** 控制 API */
+    api: ViewControlsApi;
+    /** 显隐配置 */
+    config?: FloorMapControlsConfig;
+    /** 当前缩放比例（1 = 100%），用于 Stepper 展示 */
+    scale?: number;
+    /** 当前是否处于全屏 */
+    isFullscreen?: boolean;
+    className?: string;
+}
+export declare function ViewControls(props: ViewControlsProps): JSX.Element;
+export default ViewControls;

package/lib/components/pisellFloorMapLayout/components/ViewControls.js

@@ -0,0 +1,99 @@
+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/pisellFloorMapLayout/components/ViewControls.tsx
+var ViewControls_exports = {};
+__export(ViewControls_exports, {
+  ViewControls: () => ViewControls,
+  default: () => ViewControls_default
+});
+module.exports = __toCommonJS(ViewControls_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_icons = require("@ant-design/icons");
+var import_ViewControls = require("./ViewControls.less");
+var PREFIX = "pisell-floor-map-layout";
+function ViewControls(props) {
+  const { api, config = {}, scale = 1, isFullscreen = false, className } = props;
+  const showZoom = config.showZoom !== false;
+  const showReset = config.showReset === true;
+  const showFitBounds = config.showFitBounds === true;
+  const showFullscreen = config.showFullscreen === true;
+  const scalePercent = Math.round(scale * 100);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${PREFIX}-view-controls`, className) }, showZoom && /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}-view-controls-zoom-stepper` }, /* @__PURE__ */ import_react.default.createElement(
+    "button",
+    {
+      type: "button",
+      className: `${PREFIX}-view-controls-zoom-stepper-btn`,
+      onClick: () => api.zoomOut(),
+      "aria-label": "缩小"
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_icons.MinusOutlined, null)
+  ), /* @__PURE__ */ import_react.default.createElement("span", { className: `${PREFIX}-view-controls-zoom-stepper-value` }, scalePercent, "%"), /* @__PURE__ */ import_react.default.createElement(
+    "button",
+    {
+      type: "button",
+      className: `${PREFIX}-view-controls-zoom-stepper-btn`,
+      onClick: () => api.zoomIn(),
+      "aria-label": "放大"
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_icons.PlusOutlined, null)
+  )), showReset && /* @__PURE__ */ import_react.default.createElement(
+    "button",
+    {
+      type: "button",
+      className: `${PREFIX}-view-controls-btn`,
+      onClick: () => api.resetTransform(),
+      "aria-label": "复位"
+    },
+    "⟲"
+  ), showFitBounds && api.fitBounds && /* @__PURE__ */ import_react.default.createElement(
+    "button",
+    {
+      type: "button",
+      className: `${PREFIX}-view-controls-btn`,
+      onClick: () => api.fitBounds(),
+      "aria-label": "区域定位"
+    },
+    "⊞"
+  ), showFullscreen && api.toggleFullscreen && /* @__PURE__ */ import_react.default.createElement(
+    "button",
+    {
+      type: "button",
+      className: `${PREFIX}-view-controls-btn`,
+      onClick: () => api.toggleFullscreen(),
+      "aria-label": isFullscreen ? "退出全屏" : "全屏"
+    },
+    isFullscreen ? /* @__PURE__ */ import_react.default.createElement(import_icons.FullscreenExitOutlined, null) : /* @__PURE__ */ import_react.default.createElement(import_icons.FullscreenOutlined, null)
+  ));
+}
+var ViewControls_default = ViewControls;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ViewControls
+});

package/lib/components/pisellFloorMapLayout/components/ViewControls.less

@@ -0,0 +1,77 @@
+/* Figma 14131:6265：缩放在左下角；Figma 14004:1149 Stepper 样式；z-index 保证在画布之上可点击 */
+.pisell-floor-map-layout-view-controls {
+  position: absolute;
+  left: 12px;
+  bottom: 12px;
+  z-index: 20;
+  pointer-events: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+
+  /* Stepper：胶囊形 [减] 数值% [加] */
+  &-zoom-stepper {
+    display: flex;
+    align-items: center;
+    height: 56px;
+    padding: 0 4px;
+    background: #fff;
+    border: 1px solid #98a2b3;
+    border-radius: 100px;
+    box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.03);
+  }
+
+  &-zoom-stepper-btn {
+    width: 52px;
+    height: 52px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    border: none;
+    border-radius: 50%;
+    background: transparent;
+    cursor: pointer;
+    color: #101828;
+    font-size: 18px;
+
+    &:hover {
+      background: #f2f4f7;
+      color: #101828;
+    }
+  }
+
+  &-zoom-stepper-value {
+    min-width: 56px;
+    padding: 0 8px;
+    text-align: center;
+    font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+    font-weight: 600;
+    font-size: 18px;
+    line-height: 1;
+    color: #101828;
+  }
+
+  &-btn {
+    width: 32px;
+    height: 32px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    border-radius: 4px;
+    background: #fff;
+    cursor: pointer;
+    font-size: 18px;
+    line-height: 1;
+    color: rgba(0, 0, 0, 0.65);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+
+    &:hover {
+      color: #1890ff;
+      border-color: #1890ff;
+      background: #e6f7ff;
+    }
+  }
+}

package/lib/components/pisellFloorMapLayout/components/ViewControlsWithZoom.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { FloorMapControlsConfig } from '../types';
+export interface ViewControlsWithZoomProps {
+    config?: FloorMapControlsConfig;
+    scale?: number;
+    isFullscreen?: boolean;
+    fitBounds: () => void;
+    /** 未传时不展示全屏按钮（如编辑态 floorMapFullscreenMode 为 disabled） */
+    toggleFullscreen?: () => void;
+}
+export declare function ViewControlsWithZoom(props: ViewControlsWithZoomProps): JSX.Element;

package/lib/components/pisellFloorMapLayout/components/ViewControlsWithZoom.js

@@ -0,0 +1,63 @@
+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/pisellFloorMapLayout/components/ViewControlsWithZoom.tsx
+var ViewControlsWithZoom_exports = {};
+__export(ViewControlsWithZoom_exports, {
+  ViewControlsWithZoom: () => ViewControlsWithZoom
+});
+module.exports = __toCommonJS(ViewControlsWithZoom_exports);
+var import_react = __toESM(require("react"));
+var import_react_zoom_pan_pinch = require("react-zoom-pan-pinch");
+var import_ViewControls = __toESM(require("./ViewControls"));
+function ViewControlsWithZoom(props) {
+  const { zoomIn, zoomOut, resetTransform } = (0, import_react_zoom_pan_pinch.useControls)();
+  const api = (0, import_react.useMemo)(
+    () => ({
+      zoomIn,
+      zoomOut,
+      resetTransform,
+      fitBounds: props.fitBounds,
+      toggleFullscreen: props.toggleFullscreen
+    }),
+    [zoomIn, zoomOut, resetTransform, props.fitBounds, props.toggleFullscreen]
+  );
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_ViewControls.default,
+    {
+      api,
+      config: props.config,
+      scale: props.scale,
+      isFullscreen: props.isFullscreen
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ViewControlsWithZoom
+});

package/lib/components/pisellFloorMapLayout/components/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 楼层图布局子组件导出
+ */
+export { MapLayer } from './MapLayer';
+export { ItemLayer } from './ItemLayer';
+export { ViewControls } from './ViewControls';
+export { ViewControlsWithZoom } from './ViewControlsWithZoom';
+export { CanvasTabs } from './CanvasTabs';
+export { EditableItemLayer } from './EditableItemLayer';
+export { FloorMapToolbar } from './FloorMapToolbar';
+export { FloorMapEditTopBar } from './FloorMapEditTopBar';
+export { FloorMapEditPanel } from './FloorMapEditPanel';
+export { FloorMapDataForm } from './FloorMapDataForm';
+export type { ViewControlsApi } from './ViewControls';
+export type { ViewControlsWithZoomProps } from './ViewControlsWithZoom';
+export type { CanvasTabsProps } from './CanvasTabs';
+export type { EditableItemLayerProps } from './EditableItemLayer';
+export type { FloorMapToolbarProps, PlaceMode } from './FloorMapToolbar';
+export type { FloorMapEditTopBarProps, FloorMapEditTopBarMode, } from './FloorMapEditTopBar';
+export type { FloorMapEditPanelProps } from './FloorMapEditPanel';
+export type { FloorMapDataFormProps } from './FloorMapDataForm';