@pisell/materials 1.0.1059 → 1.0.1062

package/lib/components/pisellFloorMapLayout/hooks/useFloorMapTransformMetrics.js

@@ -0,0 +1,309 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellFloorMapLayout/hooks/useFloorMapTransformMetrics.ts
+var useFloorMapTransformMetrics_exports = {};
+__export(useFloorMapTransformMetrics_exports, {
+  useFloorMapTransformMetrics: () => useFloorMapTransformMetrics
+});
+module.exports = __toCommonJS(useFloorMapTransformMetrics_exports);
+var import_react = require("react");
+var import_layoutMeasurements = require("../utils/layoutMeasurements");
+var DEFAULT_BOUNDING_PADDING = 56;
+var VIEWPORT_TOP_LEFT_MARGIN = 16;
+function useFloorMapTransformMetrics(params) {
+  const {
+    items,
+    cellSize,
+    itemGap,
+    effectiveItemUnit,
+    isFloorMapView,
+    mode,
+    zoom,
+    transformRef,
+    contentOffsetRef,
+    boundingPadding: boundingPaddingProp,
+    frameResetKey
+  } = params;
+  const padSingle = boundingPaddingProp ?? DEFAULT_BOUNDING_PADDING;
+  const containerRef = (0, import_react.useRef)(null);
+  const mapAreaRef = (0, import_react.useRef)(null);
+  const [viewportSize, setViewportSize] = (0, import_react.useState)({ width: 0, height: 0 });
+  (0, import_react.useEffect)(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    const ro = new ResizeObserver(() => {
+      setViewportSize({ width: el.clientWidth, height: el.clientHeight });
+    });
+    ro.observe(el);
+    setViewportSize({ width: el.clientWidth, height: el.clientHeight });
+    return () => ro.disconnect();
+  }, []);
+  const [mapAreaSize, setMapAreaSize] = (0, import_react.useState)({ width: 0, height: 0 });
+  (0, import_react.useEffect)(() => {
+    const el = mapAreaRef.current;
+    if (!el) return;
+    const ro = new ResizeObserver(() => {
+      setMapAreaSize({ width: el.clientWidth, height: el.clientHeight });
+    });
+    ro.observe(el);
+    setMapAreaSize({ width: el.clientWidth, height: el.clientHeight });
+    return () => ro.disconnect();
+  }, []);
+  const autoFitOnMount = zoom.autoFitOnMount === true;
+  const zoomConfig = (0, import_react.useMemo)(
+    () => ({
+      initialScale: zoom.defaultScale ?? 1,
+      minScale: zoom.min ?? 0.5,
+      maxScale: zoom.max ?? 2,
+      step: zoom.step ?? 0.1
+    }),
+    [zoom.defaultScale, zoom.min, zoom.max, zoom.step]
+  );
+  const [scale, setScale] = (0, import_react.useState)(zoomConfig.initialScale);
+  const [isFullscreen, setIsFullscreen] = (0, import_react.useState)(false);
+  const {
+    contentWidth,
+    contentHeight,
+    contentOffsetX,
+    contentOffsetY,
+    alignPadSingle
+  } = (0, import_react.useMemo)(() => {
+    const fromItems = (0, import_layoutMeasurements.getContentSize)(
+      items,
+      cellSize,
+      itemGap,
+      effectiveItemUnit
+    );
+    const pad = padSingle * 2;
+    const zeroOffset = { contentOffsetX: 0, contentOffsetY: 0 };
+    const useBoundingBox = isFloorMapView && effectiveItemUnit === "pixel" && items.length > 0;
+    const box = useBoundingBox ? (0, import_layoutMeasurements.getPixelBoundingBox)(items, cellSize) : null;
+    let padded;
+    let alignPad = null;
+    if (box) {
+      const w = box.maxRight - box.minLeft + pad;
+      const h = box.maxBottom - box.minTop + pad;
+      padded = {
+        contentWidth: w,
+        contentHeight: h,
+        contentOffsetX: padSingle - box.minLeft,
+        contentOffsetY: padSingle - box.minTop
+      };
+      alignPad = padSingle;
+    } else {
+      padded = {
+        contentWidth: fromItems.contentWidth + pad,
+        contentHeight: fromItems.contentHeight + pad,
+        ...zeroOffset
+      };
+    }
+    let result = { ...padded, alignPadSingle: alignPad };
+    if (!isFloorMapView || mode !== "edit") return result;
+    const vw = mapAreaSize.width > 0 ? mapAreaSize.width : viewportSize.width;
+    const vh = mapAreaSize.height > 0 ? mapAreaSize.height : viewportSize.height;
+    if (vw <= 0 || vh <= 0) return result;
+    result = {
+      ...result,
+      contentWidth: Math.max(padded.contentWidth, vw),
+      contentHeight: Math.max(padded.contentHeight, vh)
+    };
+    return result;
+  }, [
+    items,
+    cellSize,
+    itemGap,
+    effectiveItemUnit,
+    isFloorMapView,
+    mode,
+    mapAreaSize.width,
+    mapAreaSize.height,
+    viewportSize.width,
+    viewportSize.height,
+    padSingle
+  ]);
+  const padForAlign = alignPadSingle ?? 0;
+  const initialPositionX = VIEWPORT_TOP_LEFT_MARGIN - padForAlign * zoomConfig.initialScale;
+  const initialPositionY = VIEWPORT_TOP_LEFT_MARGIN - padForAlign * zoomConfig.initialScale;
+  contentOffsetRef.current = { x: contentOffsetX, y: contentOffsetY };
+  const initialAlignRef = (0, import_react.useRef)({
+    frame: "",
+    done: false
+  });
+  (0, import_react.useEffect)(() => {
+    if (!isFloorMapView || frameResetKey === void 0) return;
+    if (initialAlignRef.current.frame !== frameResetKey) {
+      initialAlignRef.current = { frame: frameResetKey, done: false };
+    }
+    if (autoFitOnMount) {
+      initialAlignRef.current.done = true;
+      return;
+    }
+    if (alignPadSingle == null) {
+      initialAlignRef.current.done = false;
+      return;
+    }
+    if (initialAlignRef.current.done) return;
+    let cancelled = false;
+    let raf = 0;
+    const tick = () => {
+      if (cancelled) return;
+      const ctx = transformRef.current;
+      if (!ctx) {
+        raf = requestAnimationFrame(tick);
+        return;
+      }
+      ctx.setTransform(
+        initialPositionX,
+        initialPositionY,
+        zoomConfig.initialScale
+      );
+      initialAlignRef.current.done = true;
+    };
+    raf = requestAnimationFrame(tick);
+    return () => {
+      cancelled = true;
+      cancelAnimationFrame(raf);
+    };
+  }, [
+    isFloorMapView,
+    frameResetKey,
+    alignPadSingle,
+    initialPositionX,
+    initialPositionY,
+    zoomConfig.initialScale,
+    transformRef,
+    autoFitOnMount
+  ]);
+  (0, import_react.useEffect)(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    const onFullscreenChange = () => setIsFullscreen(document.fullscreenElement === el);
+    document.addEventListener("fullscreenchange", onFullscreenChange);
+    return () => document.removeEventListener("fullscreenchange", onFullscreenChange);
+  }, []);
+  const toggleFullscreen = (0, import_react.useCallback)(() => {
+    var _a, _b;
+    const el = containerRef.current;
+    if (!el) return;
+    if (document.fullscreenElement) {
+      (_a = document.exitFullscreen) == null ? void 0 : _a.call(document);
+    } else {
+      (_b = el.requestFullscreen) == null ? void 0 : _b.call(el);
+    }
+  }, []);
+  const fitBounds = (0, import_react.useCallback)(() => {
+    const ctx = transformRef.current;
+    const container = containerRef.current;
+    if (!ctx || !container) return;
+    const wrapper = container.querySelector(".react-transform-wrapper");
+    if (!wrapper) return;
+    const wrapperRect = wrapper.getBoundingClientRect();
+    const nextScale = Math.min(
+      wrapperRect.width / contentWidth,
+      wrapperRect.height / contentHeight,
+      zoom.max ?? 2
+    );
+    const padA = alignPadSingle ?? 0;
+    const x = VIEWPORT_TOP_LEFT_MARGIN - padA * nextScale;
+    const y = VIEWPORT_TOP_LEFT_MARGIN - padA * nextScale;
+    ctx.setTransform(x, y, nextScale);
+  }, [contentWidth, contentHeight, zoom.max, transformRef, alignPadSingle]);
+  const autoFitOnceRef = (0, import_react.useRef)({
+    frame: "",
+    done: false
+  });
+  (0, import_react.useEffect)(() => {
+    if (!isFloorMapView || !autoFitOnMount || frameResetKey === void 0)
+      return;
+    const frame = String(frameResetKey);
+    if (autoFitOnceRef.current.frame !== frame) {
+      autoFitOnceRef.current = { frame, done: false };
+    }
+    if (autoFitOnceRef.current.done) return;
+    if (contentWidth <= 0 || contentHeight <= 0) return;
+    let cancelled = false;
+    let raf = 0;
+    const tick = () => {
+      if (cancelled) return;
+      const ctx = transformRef.current;
+      const container = containerRef.current;
+      if (!ctx || !(container == null ? void 0 : container.querySelector(".react-transform-wrapper"))) {
+        raf = requestAnimationFrame(tick);
+        return;
+      }
+      fitBounds();
+      autoFitOnceRef.current.done = true;
+    };
+    raf = requestAnimationFrame(tick);
+    return () => {
+      cancelled = true;
+      cancelAnimationFrame(raf);
+    };
+  }, [
+    isFloorMapView,
+    autoFitOnMount,
+    frameResetKey,
+    contentWidth,
+    contentHeight,
+    fitBounds,
+    transformRef
+  ]);
+  const lastTransformRef = (0, import_react.useRef)({ x: 0, y: 0, scale: 1 });
+  const [isInteractingWithElement, setIsInteractingWithElement] = (0, import_react.useState)(false);
+  const prevInteractingRef = (0, import_react.useRef)(false);
+  (0, import_react.useEffect)(() => {
+    if (isInteractingWithElement) {
+      prevInteractingRef.current = true;
+      return;
+    }
+    if (!prevInteractingRef.current) return;
+    prevInteractingRef.current = false;
+    const saved = lastTransformRef.current;
+    const raf = requestAnimationFrame(() => {
+      var _a;
+      (_a = transformRef.current) == null ? void 0 : _a.setTransform(saved.x, saved.y, saved.scale);
+    });
+    return () => cancelAnimationFrame(raf);
+  }, [isInteractingWithElement, transformRef]);
+  return {
+    containerRef,
+    mapAreaRef,
+    viewportSize,
+    mapAreaSize,
+    contentWidth,
+    contentHeight,
+    contentOffsetX,
+    contentOffsetY,
+    initialPositionX,
+    initialPositionY,
+    zoomConfig,
+    scale,
+    setScale,
+    isFullscreen,
+    toggleFullscreen,
+    fitBounds,
+    lastTransformRef,
+    isInteractingWithElement,
+    setIsInteractingWithElement
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useFloorMapTransformMetrics
+});

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

@@ -1,6 +1,13 @@
 /**
  * PisellFloorMapLayout 组件入口
- * 空间布局视图：在二维平面按坐标渲染资源，支持缩放/平移/复位
+ * 空间布局视图：在二维平面按坐标渲染资源，支持缩放/平移/复位；支持 floorMapConfig + mode 平面图视图
  */
 export { PisellFloorMapLayout } from './PisellFloorMapLayout';
-export type { PisellFloorMapLayoutProps, PisellFloorMapLayoutRef, FloorMapItemBase, FloorMapItemUnit, FloorMapLayerConfig, FloorMapZoomConfig, FloorMapPanConfig, FloorMapControlsConfig, FloorMapItemShape, FloorMapBackgroundType, FloorMapPanBoundary, FloorMapLayoutMode, FloorMapGridLayoutConfig, } from './types';
+export type { PisellFloorMapLayoutProps, PisellFloorMapLayoutRef, FloorMapItemBase, FloorMapItemUnit, FloorMapLayerConfig, FloorMapZoomConfig, FloorMapPanConfig, FloorMapControlsConfig, FloorMapItemShape, FloorMapBackgroundType, FloorMapPanBoundary, FloorMapLayoutMode, FloorMapGridLayoutConfig, FloorMapCanvas, FloorMapCanvasNameI18n, FloorMapElement, FloorMapData, FloorMapViewConfig, FloorMapCanvasUiConfig, FloorMapSceneElement, FloorMapSceneElementDataBinding, FloorMapPlaceMode, FloorMapElementKindCategory, FloorMapElementDataBindingPolicy, FloorMapElementDefaultPresentation, FloorMapEdge, FloorMapElementKindConfig, FloorMapElementType, FloorMapTextSlot, FloorMapDataSources, FloorMapRenderOptions, FloorMapEditPanelParams, DataSourceFormColumn, FloorMapMergedItem, FloorMapRecordFormRenderContext, FloorMapDataSourceRecordFormContent, FloorMapFullscreenMode, FloorMapLayoutContextValue, } from './types';
+export { FLOOR_MAP_STAGE_ELEMENT_KIND, FLOOR_MAP_IMAGE_ELEMENT_KIND, } from './types';
+export { FloorMapLayoutProvider, useFloorMapLayoutContext, EMPTY_FLOOR_MAP_LAYOUT_CONTEXT, } from './context/FloorMapLayoutContext';
+export type { FloorMapLayoutProviderProps } from './context/FloorMapLayoutContext';
+export { mergeFloorMapLayoutPropsFromContext } from './context/mergeFloorMapLayoutContext';
+export { FloorMapImageElement } from './components/FloorMapImageElement';
+export { getFigmaTableCardFromMerged, renderFigmaStyleTableCard, renderFigmaStyleRoundTableCard, getRenderItemByKindTable, getRenderItemByKindRoundTable, } from './components/FigmaTableCard';
+export type { FigmaTableCardItem, FigmaTableStatus, } from './components/FigmaTableCard';

package/lib/components/pisellFloorMapLayout/index.js

@@ -19,11 +19,40 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/pisellFloorMapLayout/index.tsx
 var pisellFloorMapLayout_exports = {};
 __export(pisellFloorMapLayout_exports, {
-  PisellFloorMapLayout: () => import_PisellFloorMapLayout.PisellFloorMapLayout
+  EMPTY_FLOOR_MAP_LAYOUT_CONTEXT: () => import_FloorMapLayoutContext.EMPTY_FLOOR_MAP_LAYOUT_CONTEXT,
+  FLOOR_MAP_IMAGE_ELEMENT_KIND: () => import_types.FLOOR_MAP_IMAGE_ELEMENT_KIND,
+  FLOOR_MAP_STAGE_ELEMENT_KIND: () => import_types.FLOOR_MAP_STAGE_ELEMENT_KIND,
+  FloorMapImageElement: () => import_FloorMapImageElement.FloorMapImageElement,
+  FloorMapLayoutProvider: () => import_FloorMapLayoutContext.FloorMapLayoutProvider,
+  PisellFloorMapLayout: () => import_PisellFloorMapLayout.PisellFloorMapLayout,
+  getFigmaTableCardFromMerged: () => import_FigmaTableCard.getFigmaTableCardFromMerged,
+  getRenderItemByKindRoundTable: () => import_FigmaTableCard.getRenderItemByKindRoundTable,
+  getRenderItemByKindTable: () => import_FigmaTableCard.getRenderItemByKindTable,
+  mergeFloorMapLayoutPropsFromContext: () => import_mergeFloorMapLayoutContext.mergeFloorMapLayoutPropsFromContext,
+  renderFigmaStyleRoundTableCard: () => import_FigmaTableCard.renderFigmaStyleRoundTableCard,
+  renderFigmaStyleTableCard: () => import_FigmaTableCard.renderFigmaStyleTableCard,
+  useFloorMapLayoutContext: () => import_FloorMapLayoutContext.useFloorMapLayoutContext
 });
 module.exports = __toCommonJS(pisellFloorMapLayout_exports);
 var import_PisellFloorMapLayout = require("./PisellFloorMapLayout");
+var import_types = require("./types");
+var import_FloorMapLayoutContext = require("./context/FloorMapLayoutContext");
+var import_mergeFloorMapLayoutContext = require("./context/mergeFloorMapLayoutContext");
+var import_FloorMapImageElement = require("./components/FloorMapImageElement");
+var import_FigmaTableCard = require("./components/FigmaTableCard");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  PisellFloorMapLayout
+  EMPTY_FLOOR_MAP_LAYOUT_CONTEXT,
+  FLOOR_MAP_IMAGE_ELEMENT_KIND,
+  FLOOR_MAP_STAGE_ELEMENT_KIND,
+  FloorMapImageElement,
+  FloorMapLayoutProvider,
+  PisellFloorMapLayout,
+  getFigmaTableCardFromMerged,
+  getRenderItemByKindRoundTable,
+  getRenderItemByKindTable,
+  mergeFloorMapLayoutPropsFromContext,
+  renderFigmaStyleRoundTableCard,
+  renderFigmaStyleTableCard,
+  useFloorMapLayoutContext
 });

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

@@ -0,0 +1,186 @@
+/**
+ * PisellFloorMapLayout 内置文案（画布 Tab、编辑面板等）
+ */
+declare const _default: {
+    en: {
+        'pisell-floor-map-layout.loading': string;
+        'pisell-floor-map-layout.read-canvas-tabs.aria': string;
+        'pisell-floor-map-layout.edit-top-bar.aria': string;
+        'pisell-floor-map-layout.edit-top-bar.fullscreen-enter-aria': string;
+        'pisell-floor-map-layout.edit-top-bar.fullscreen-enter-title': string;
+        'pisell-floor-map-layout.edit-top-bar.fullscreen-exit-aria': string;
+        'pisell-floor-map-layout.edit-top-bar.fullscreen-exit-title': string;
+        'pisell-floor-map-layout.edit-top-bar.unsaved': string;
+        'pisell-floor-map-layout.edit-top-bar.save': string;
+        'pisell-floor-map-layout.edit-top-bar.saving': string;
+        'pisell-floor-map-layout.canvas-tabs.empty': string;
+        'pisell-floor-map-layout.canvas-tabs.add': string;
+        'pisell-floor-map-layout.canvas-tabs.add-title': string;
+        'pisell-floor-map-layout.canvas-tabs.hint': string;
+        'pisell-floor-map-layout.canvas-tabs.rename-aria': string;
+        'pisell-floor-map-layout.canvas-tabs.remove-aria': string;
+        'pisell-floor-map-layout.canvas-tabs.rename-title': string;
+        'pisell-floor-map-layout.canvas-tabs.rename-button-aria': string;
+        'pisell-floor-map-layout.canvas-tabs.rename-button-title': string;
+        'pisell-floor-map-layout.canvas-tabs.default-new-canvas-name': string;
+        'pisell-floor-map-layout.canvas-tabs.rename-modal-title': string;
+        'pisell-floor-map-layout.canvas-tabs.rename-modal-ok': string;
+        'pisell-floor-map-layout.canvas-tabs.rename-modal-cancel': string;
+        'pisell-floor-map-layout.edit-panel.element-props': string;
+        'pisell-floor-map-layout.edit-panel.close-aria': string;
+        'pisell-floor-map-layout.edit-panel.hint-apply': string;
+        'pisell-floor-map-layout.edit-panel.hint-save': string;
+        'pisell-floor-map-layout.edit-panel.section-layout': string;
+        'pisell-floor-map-layout.edit-panel.lock-on': string;
+        'pisell-floor-map-layout.edit-panel.lock-off': string;
+        'pisell-floor-map-layout.edit-panel.label-x': string;
+        'pisell-floor-map-layout.edit-panel.label-y': string;
+        'pisell-floor-map-layout.edit-panel.label-z': string;
+        'pisell-floor-map-layout.edit-panel.label-width': string;
+        'pisell-floor-map-layout.edit-panel.label-height': string;
+        'pisell-floor-map-layout.edit-panel.label-name': string;
+        'pisell-floor-map-layout.edit-panel.label-name-stage': string;
+        'pisell-floor-map-layout.edit-panel.ph-name-stage': string;
+        'pisell-floor-map-layout.edit-panel.ph-name': string;
+        'pisell-floor-map-layout.edit-panel.label-image-url': string;
+        'pisell-floor-map-layout.edit-panel.extra-image-url': string;
+        'pisell-floor-map-layout.edit-panel.ph-https': string;
+        'pisell-floor-map-layout.edit-panel.label-canvas': string;
+        'pisell-floor-map-layout.edit-panel.apply': string;
+        'pisell-floor-map-layout.edit-panel.data-binding': string;
+        'pisell-floor-map-layout.edit-panel.data-binding-note': string;
+        'pisell-floor-map-layout.edit-panel.label-data-source': string;
+        'pisell-floor-map-layout.edit-panel.ph-data-source': string;
+        'pisell-floor-map-layout.edit-panel.label-pick-row': string;
+        'pisell-floor-map-layout.edit-panel.ph-pick-row': string;
+        'pisell-floor-map-layout.edit-panel.ph-no-rows': string;
+        'pisell-floor-map-layout.edit-panel.hint-unbound': string;
+        'pisell-floor-map-layout.edit-panel.record-title': string;
+        'pisell-floor-map-layout.edit-panel.pop-title': string;
+        'pisell-floor-map-layout.edit-panel.pop-desc': string;
+        'pisell-floor-map-layout.edit-panel.btn-delete': string;
+        'pisell-floor-map-layout.edit-panel.btn-cancel': string;
+        'pisell-floor-map-layout.edit-panel.btn-ok-delete': string;
+    };
+    'zh-CN': {
+        'pisell-floor-map-layout.loading': string;
+        'pisell-floor-map-layout.read-canvas-tabs.aria': string;
+        'pisell-floor-map-layout.edit-top-bar.aria': string;
+        'pisell-floor-map-layout.edit-top-bar.fullscreen-enter-aria': string;
+        'pisell-floor-map-layout.edit-top-bar.fullscreen-enter-title': string;
+        'pisell-floor-map-layout.edit-top-bar.fullscreen-exit-aria': string;
+        'pisell-floor-map-layout.edit-top-bar.fullscreen-exit-title': string;
+        'pisell-floor-map-layout.edit-top-bar.unsaved': string;
+        'pisell-floor-map-layout.edit-top-bar.save': string;
+        'pisell-floor-map-layout.edit-top-bar.saving': string;
+        'pisell-floor-map-layout.canvas-tabs.empty': string;
+        'pisell-floor-map-layout.canvas-tabs.add': string;
+        'pisell-floor-map-layout.canvas-tabs.add-title': string;
+        'pisell-floor-map-layout.canvas-tabs.hint': string;
+        'pisell-floor-map-layout.canvas-tabs.rename-aria': string;
+        'pisell-floor-map-layout.canvas-tabs.remove-aria': string;
+        'pisell-floor-map-layout.canvas-tabs.rename-title': string;
+        'pisell-floor-map-layout.canvas-tabs.rename-button-aria': string;
+        'pisell-floor-map-layout.canvas-tabs.rename-button-title': string;
+        'pisell-floor-map-layout.canvas-tabs.default-new-canvas-name': string;
+        'pisell-floor-map-layout.canvas-tabs.rename-modal-title': string;
+        'pisell-floor-map-layout.canvas-tabs.rename-modal-ok': string;
+        'pisell-floor-map-layout.canvas-tabs.rename-modal-cancel': string;
+        'pisell-floor-map-layout.edit-panel.element-props': string;
+        'pisell-floor-map-layout.edit-panel.close-aria': string;
+        'pisell-floor-map-layout.edit-panel.hint-apply': string;
+        'pisell-floor-map-layout.edit-panel.hint-save': string;
+        'pisell-floor-map-layout.edit-panel.section-layout': string;
+        'pisell-floor-map-layout.edit-panel.lock-on': string;
+        'pisell-floor-map-layout.edit-panel.lock-off': string;
+        'pisell-floor-map-layout.edit-panel.label-x': string;
+        'pisell-floor-map-layout.edit-panel.label-y': string;
+        'pisell-floor-map-layout.edit-panel.label-z': string;
+        'pisell-floor-map-layout.edit-panel.label-width': string;
+        'pisell-floor-map-layout.edit-panel.label-height': string;
+        'pisell-floor-map-layout.edit-panel.label-name': string;
+        'pisell-floor-map-layout.edit-panel.label-name-stage': string;
+        'pisell-floor-map-layout.edit-panel.ph-name-stage': string;
+        'pisell-floor-map-layout.edit-panel.ph-name': string;
+        'pisell-floor-map-layout.edit-panel.label-image-url': string;
+        'pisell-floor-map-layout.edit-panel.extra-image-url': string;
+        'pisell-floor-map-layout.edit-panel.ph-https': string;
+        'pisell-floor-map-layout.edit-panel.label-canvas': string;
+        'pisell-floor-map-layout.edit-panel.apply': string;
+        'pisell-floor-map-layout.edit-panel.data-binding': string;
+        'pisell-floor-map-layout.edit-panel.data-binding-note': string;
+        'pisell-floor-map-layout.edit-panel.label-data-source': string;
+        'pisell-floor-map-layout.edit-panel.ph-data-source': string;
+        'pisell-floor-map-layout.edit-panel.label-pick-row': string;
+        'pisell-floor-map-layout.edit-panel.ph-pick-row': string;
+        'pisell-floor-map-layout.edit-panel.ph-no-rows': string;
+        'pisell-floor-map-layout.edit-panel.hint-unbound': string;
+        'pisell-floor-map-layout.edit-panel.record-title': string;
+        'pisell-floor-map-layout.edit-panel.pop-title': string;
+        'pisell-floor-map-layout.edit-panel.pop-desc': string;
+        'pisell-floor-map-layout.edit-panel.btn-delete': string;
+        'pisell-floor-map-layout.edit-panel.btn-cancel': string;
+        'pisell-floor-map-layout.edit-panel.btn-ok-delete': string;
+    };
+    'zh-HK': {
+        'pisell-floor-map-layout.loading': string;
+        'pisell-floor-map-layout.read-canvas-tabs.aria': string;
+        'pisell-floor-map-layout.edit-top-bar.aria': string;
+        'pisell-floor-map-layout.edit-top-bar.fullscreen-enter-aria': string;
+        'pisell-floor-map-layout.edit-top-bar.fullscreen-enter-title': string;
+        'pisell-floor-map-layout.edit-top-bar.fullscreen-exit-aria': string;
+        'pisell-floor-map-layout.edit-top-bar.fullscreen-exit-title': string;
+        'pisell-floor-map-layout.edit-top-bar.unsaved': string;
+        'pisell-floor-map-layout.edit-top-bar.save': string;
+        'pisell-floor-map-layout.edit-top-bar.saving': string;
+        'pisell-floor-map-layout.canvas-tabs.empty': string;
+        'pisell-floor-map-layout.canvas-tabs.add': string;
+        'pisell-floor-map-layout.canvas-tabs.add-title': string;
+        'pisell-floor-map-layout.canvas-tabs.hint': string;
+        'pisell-floor-map-layout.canvas-tabs.rename-aria': string;
+        'pisell-floor-map-layout.canvas-tabs.remove-aria': string;
+        'pisell-floor-map-layout.canvas-tabs.rename-title': string;
+        'pisell-floor-map-layout.canvas-tabs.rename-button-aria': string;
+        'pisell-floor-map-layout.canvas-tabs.rename-button-title': string;
+        'pisell-floor-map-layout.canvas-tabs.default-new-canvas-name': string;
+        'pisell-floor-map-layout.canvas-tabs.rename-modal-title': string;
+        'pisell-floor-map-layout.canvas-tabs.rename-modal-ok': string;
+        'pisell-floor-map-layout.canvas-tabs.rename-modal-cancel': string;
+        'pisell-floor-map-layout.edit-panel.element-props': string;
+        'pisell-floor-map-layout.edit-panel.close-aria': string;
+        'pisell-floor-map-layout.edit-panel.hint-apply': string;
+        'pisell-floor-map-layout.edit-panel.hint-save': string;
+        'pisell-floor-map-layout.edit-panel.section-layout': string;
+        'pisell-floor-map-layout.edit-panel.lock-on': string;
+        'pisell-floor-map-layout.edit-panel.lock-off': string;
+        'pisell-floor-map-layout.edit-panel.label-x': string;
+        'pisell-floor-map-layout.edit-panel.label-y': string;
+        'pisell-floor-map-layout.edit-panel.label-z': string;
+        'pisell-floor-map-layout.edit-panel.label-width': string;
+        'pisell-floor-map-layout.edit-panel.label-height': string;
+        'pisell-floor-map-layout.edit-panel.label-name': string;
+        'pisell-floor-map-layout.edit-panel.label-name-stage': string;
+        'pisell-floor-map-layout.edit-panel.ph-name-stage': string;
+        'pisell-floor-map-layout.edit-panel.ph-name': string;
+        'pisell-floor-map-layout.edit-panel.label-image-url': string;
+        'pisell-floor-map-layout.edit-panel.extra-image-url': string;
+        'pisell-floor-map-layout.edit-panel.ph-https': string;
+        'pisell-floor-map-layout.edit-panel.label-canvas': string;
+        'pisell-floor-map-layout.edit-panel.apply': string;
+        'pisell-floor-map-layout.edit-panel.data-binding': string;
+        'pisell-floor-map-layout.edit-panel.data-binding-note': string;
+        'pisell-floor-map-layout.edit-panel.label-data-source': string;
+        'pisell-floor-map-layout.edit-panel.ph-data-source': string;
+        'pisell-floor-map-layout.edit-panel.label-pick-row': string;
+        'pisell-floor-map-layout.edit-panel.ph-pick-row': string;
+        'pisell-floor-map-layout.edit-panel.ph-no-rows': string;
+        'pisell-floor-map-layout.edit-panel.hint-unbound': string;
+        'pisell-floor-map-layout.edit-panel.record-title': string;
+        'pisell-floor-map-layout.edit-panel.pop-title': string;
+        'pisell-floor-map-layout.edit-panel.pop-desc': string;
+        'pisell-floor-map-layout.edit-panel.btn-delete': string;
+        'pisell-floor-map-layout.edit-panel.btn-cancel': string;
+        'pisell-floor-map-layout.edit-panel.btn-ok-delete': string;
+    };
+};
+export default _default;