@pisell/materials 6.11.18 → 6.11.19

package/es/components/PisellCards/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const PisellCards: {
     TabCard: (props: any) => import("react").JSX.Element;
     TextCard: (props: any) => import("react").JSX.Element;

package/es/components/PisellFields/index.d.ts

@@ -9,6 +9,7 @@
  * <PisellFields.Number value={123} viewMode="readonly" />
  * <PisellFields.Currency value={1000} currencySymbol="$" />
  */
+/// <reference types="react" />
 declare const PisellFields: {
     SingleLineText: import("react").NamedExoticComponent<import("../pisellSingleLineText").PisellSingleLineTextProps>;
     LongText: import("react").NamedExoticComponent<import("../pisellLongText").PisellLongTextProps>;

package/es/components/PisellLayouts/index.d.ts

@@ -13,6 +13,7 @@
  *   <Content />
  * </PisellLayouts.ScrollView>
  */
+/// <reference types="react" />
 declare const PisellLayouts: {
     BasicGrid: <T>(props: import("../PisellBasicGrid").PisellBasicGridProps<T>) => import("react").JSX.Element;
     ScrollView: import("react").ForwardRefExoticComponent<Omit<import("../PisellScrollView").PisellScrollViewProps, "ref"> & import("react").RefAttributes<import("../PisellScrollView").PisellScrollViewRef>>;

package/es/components/PisellMetrics/index.d.ts

@@ -13,6 +13,7 @@
  * />
  * <PisellMetrics.StatisticList data={[...]} />
  */
+/// <reference types="react" />
 declare const PisellMetrics: {
     MetricCard: import("react").FC<import("../pisellMetricCard").PisellMetricCardProps>;
     StatisticList: (props: import("../pisellStatisticList").PisellStatisticListProps) => import("react").JSX.Element;

package/es/components/dataSourceComponents/dataSourceForm/utils.d.ts

@@ -44,7 +44,7 @@ export declare const withDataSource: <P extends unknown>(WrappedComponent: React
 }) => React.JSX.Element;
 export declare const withOptions: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
     options?: any;
-    optionSourceType?: "default" | "custom" | "api" | undefined;
+    optionSourceType?: "custom" | "default" | "api" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;

package/es/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const DataSourceQRCode: (props: any) => import("react").JSX.Element;
 export default DataSourceQRCode;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useDataSourceKey.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const useDataSourceKey: () => {
     dataSourceKey: string | undefined;
     dataSourceKeyRef: import("react").MutableRefObject<string | undefined>;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -54,7 +54,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         width: number;
         align: "center" | "left" | "right";
         fixed: false | "left" | "right";
-        type: "button" | "link";
+        type: "link" | "button";
         items: OperationItem[];
     } | undefined;
     operationContent?: {
@@ -72,7 +72,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         useCustomAction: boolean;
         actionType: string;
         openMode: "modal" | "drawer";
-        openContentSize: "small" | "middle" | "large";
+        openContentSize: "small" | "large" | "middle";
         openTitle: string;
         key: string;
     } | undefined;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataSourceTableProps } from '../type';
 declare type Params = {
     pagination?: {

package/es/components/dataSourceComponents/fields/RecordListWrapper/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const RecordListWrapperWithDataSource: (props: import("./type").RecordListWrapperProps & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps & {
     options?: any;
-    optionSourceType?: "default" | "custom" | "api" | undefined;
+    optionSourceType?: "custom" | "default" | "api" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;

package/es/components/dataSourceComponents/fields/Select/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const SelectWithDataSource: (props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps & {
     options?: any;
-    optionSourceType?: "default" | "custom" | "api" | undefined;
+    optionSourceType?: "custom" | "default" | "api" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;

package/es/components/dataSourceComponents/fields/Tabs/index.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 /** 包装 DataSource 层（提供数据源上下文） */
 declare const FormItemTabs: (props: import("./type").TabsProps & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps & {
     options?: any;
-    optionSourceType?: "default" | "custom" | "api" | undefined;
+    optionSourceType?: "custom" | "default" | "api" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;

package/es/components/dataSourceComponents/fields/Upload/utils.d.ts

@@ -15,4 +15,4 @@ export declare const getFileMetadataParams: (file: RcFile & {
     metadata?: MediaMetadata;
 }) => Record<string, any>;
 export declare const isValueEqual: (value: any, fileListValue: any) => boolean;
-export declare const getBaseTime: (size: number) => 2000 | 1000 | 4000 | 8000;
+export declare const getBaseTime: (size: number) => 1000 | 2000 | 4000 | 8000;

package/es/components/dataSourceComponents/fields/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const formFieldMap: {
     FormItemCheckbox: import("react").FC<{}> & {
         Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
@@ -34,7 +35,7 @@ declare const formFieldMap: {
     };
     FormItemSelect: (props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
         options?: any;
-        optionSourceType?: "default" | "custom" | "api" | undefined;
+        optionSourceType?: "custom" | "default" | "api" | undefined;
         labelField: string;
         valueField: string;
         extraParams?: Record<string, any> | undefined;
@@ -61,7 +62,7 @@ declare const formFieldMap: {
     FormItemIconSelect: import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     FormItemRecordListWrapper: (props: import("./RecordListWrapper/type").RecordListWrapperProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
         options?: any;
-        optionSourceType?: "default" | "custom" | "api" | undefined;
+        optionSourceType?: "custom" | "default" | "api" | undefined;
         labelField: string;
         valueField: string;
         extraParams?: Record<string, any> | undefined;
@@ -71,7 +72,7 @@ declare const formFieldMap: {
     }) => import("react").JSX.Element;
     FormItemTabs: (props: import("./Tabs/type").TabsProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
         options?: any;
-        optionSourceType?: "default" | "custom" | "api" | undefined;
+        optionSourceType?: "custom" | "default" | "api" | undefined;
         labelField: string;
         valueField: string;
         extraParams?: Record<string, any> | undefined;
@@ -80,13 +81,7 @@ declare const formFieldMap: {
         extraParams?: Record<string, any> | undefined;
     }) => import("react").JSX.Element;
 };
-declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
-    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
-} & {
-    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
-}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & {
-    onChange: (value: string) => void;
-} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<import("./Input/type").InputProps> & {
+declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | (import("react").FC<import("./Input/type").InputProps> & {
     JSON: import("react").FC<any>;
     Password: import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     TextArea: import("react").FC<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
@@ -106,22 +101,28 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
         name?: string | undefined;
         fieldKey?: string | undefined;
     } & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
-}) | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
+}) | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
+    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+} & {
+    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 }) | ((props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
     options?: any;
-    optionSourceType?: "default" | "custom" | "api" | undefined;
+    optionSourceType?: "custom" | "default" | "api" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;
 } & {
     dataSource?: any;
     extraParams?: Record<string, any> | undefined;
-}) => import("react").JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | ((props: import("./RecordListWrapper/type").RecordListWrapperProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
+}) => import("react").JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & {
+    onChange: (value: string) => void;
+} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | ((props: import("./RecordListWrapper/type").RecordListWrapperProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
     options?: any;
-    optionSourceType?: "default" | "custom" | "api" | undefined;
+    optionSourceType?: "custom" | "default" | "api" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;
@@ -130,7 +131,7 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
     extraParams?: Record<string, any> | undefined;
 }) => import("react").JSX.Element) | ((props: import("./Tabs/type").TabsProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
     options?: any;
-    optionSourceType?: "default" | "custom" | "api" | undefined;
+    optionSourceType?: "custom" | "default" | "api" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;

package/es/components/date-picker/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const DatePicker: (props: any) => import("react").JSX.Element;
 export default DatePicker;

package/es/components/pisellDataSourceContainer/hooks/useDataSourceKey.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const useDataSourceKey: () => {
     dataSourceKey: string | undefined;
     dataSourceKeyRef: import("react").MutableRefObject<string | undefined>;

package/es/components/pisellFloorMapLayout/components/FigmaTableCard.js

@@ -5,6 +5,10 @@
 import React from 'react';
 import { Avatar } from 'antd';
 import { UserOutlined, ClockCircleOutlined, TeamOutlined, AuditOutlined, FieldTimeOutlined, EnvironmentOutlined } from '@ant-design/icons';
+import { locales } from '@pisell/utils';
+var I18N_CARD = 'pisell-floor-map-layout.card-placeholder';
+var I18N_FIGMA = 'pisell-floor-map-layout.figma-card';
+
 /** Figma 设计 token（Pisell 2.0 Component Library） */
 var FIGMA = {
   white: '#FFFFFF',
@@ -53,7 +57,7 @@ export function getFigmaTableCardFromMerged(item, dataSources) {
   var el = item._sceneElement;
   var binding = el === null || el === void 0 ? void 0 : el.dataBinding;
   var titleFromElement = (el === null || el === void 0 ? void 0 : el.name) != null && String(el.name).trim() ? String(el.name).trim() : '';
-  var kindLabel = item.elementKind === 'roundTable' ? '圆桌' : '餐桌';
+  var kindLabel = locales.getText(item.elementKind === 'roundTable' ? "".concat(I18N_FIGMA, ".kind-round-table") : "".concat(I18N_FIGMA, ".kind-square-table"));
   var hasDataSource = Boolean((binding === null || binding === void 0 ? void 0 : binding.dataSourceKey) && String(binding.dataSourceKey).trim() !== '');
   var rid = (binding === null || binding === void 0 ? void 0 : binding.recordId) != null ? String(binding.recordId).trim() : '';
   var boundToData = Boolean(hasDataSource && rid !== '');
@@ -65,7 +69,7 @@ export function getFigmaTableCardFromMerged(item, dataSources) {
   if (!hasLiveRow) {
     /** 记录缺失或与「未选数据源」占位同一视觉（虚线 #bfbfbf），便于识别为待处理态 */
     var borderColor = '#bfbfbf';
-    var hint = !hasDataSource || !rid ? hasDataSource ? '已选择数据源，请在侧栏选择数据行' : '未绑定数据行：请在侧栏选择数据源与记录' : rid.startsWith('new_') ? "\u65B0".concat(kindLabel, "\u5360\u4F4D\uFF0C\u53EF\u5728\u4FA7\u680F\u7ED1\u5B9A\u5177\u4F53\u8BB0\u5F55") : '未找到对应记录：请检查绑定或数据列表';
+    var hint = !hasDataSource || !rid ? hasDataSource ? locales.getText("".concat(I18N_CARD, ".hint-select-row")) : locales.getText("".concat(I18N_CARD, ".hint-bind-datasource")) : rid.startsWith('new_') ? locales.getText("".concat(I18N_CARD, ".hint-new-slot")).replace(/\{kind\}/g, kindLabel) : locales.getText("".concat(I18N_CARD, ".hint-row-not-found"));
     return {
       id: item.id,
       isNoDataPlaceholder: true,
@@ -165,7 +169,7 @@ function TableCardInfoRows(_ref3) {
   if (!hasCapacity && !hasArea) return null;
   return /*#__PURE__*/React.createElement(React.Fragment, null, hasCapacity && /*#__PURE__*/React.createElement(FigmaCardRow, {
     icon: /*#__PURE__*/React.createElement(TeamOutlined, null)
-  }, /*#__PURE__*/React.createElement("span", null, "\u53EF\u5750 ", cardItem.capacity, " \u4EBA")), hasArea && /*#__PURE__*/React.createElement(FigmaCardRow, {
+  }, /*#__PURE__*/React.createElement("span", null, locales.getText("".concat(I18N_FIGMA, ".capacity-seats")).replace(/\{n\}/g, String(cardItem.capacity)))), hasArea && /*#__PURE__*/React.createElement(FigmaCardRow, {
     icon: /*#__PURE__*/React.createElement(EnvironmentOutlined, null)
   }, /*#__PURE__*/React.createElement("span", null, cardItem.area)));
 }
@@ -234,7 +238,7 @@ function TableCardContent(_ref4) {
     icon: /*#__PURE__*/React.createElement(ClockCircleOutlined, null)
   }, /*#__PURE__*/React.createElement("span", null, cardItem.reserveTime))), (status === 'dining' || status === 'waiting' || status === 'billed' || status === 'availableSoon') && cardItem.guests != null && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FigmaCardRow, {
     icon: /*#__PURE__*/React.createElement(TeamOutlined, null)
-  }, /*#__PURE__*/React.createElement("span", null, cardItem.guests, " \u4EBA")), cardItem.dishes && /*#__PURE__*/React.createElement(FigmaCardRow, {
+  }, /*#__PURE__*/React.createElement("span", null, locales.getText("".concat(I18N_FIGMA, ".guests-count")).replace(/\{n\}/g, String(cardItem.guests)))), cardItem.dishes && /*#__PURE__*/React.createElement(FigmaCardRow, {
     icon: /*#__PURE__*/React.createElement(AuditOutlined, null)
   }, /*#__PURE__*/React.createElement("span", null, cardItem.dishes)), cardItem.duration && /*#__PURE__*/React.createElement(FigmaCardRow, {
     icon: /*#__PURE__*/React.createElement(FieldTimeOutlined, null)
@@ -247,7 +251,7 @@ function TableCardContent(_ref4) {
 function renderTableKindNoDataPlaceholder(cardItem, shape) {
   var _cardItem$placeholder, _cardItem$placeholder2, _cardItem$placeholder3;
   var borderColor = (_cardItem$placeholder = cardItem.placeholderBorderColor) !== null && _cardItem$placeholder !== void 0 ? _cardItem$placeholder : '#bfbfbf';
-  var title = (_cardItem$placeholder2 = cardItem.placeholderTitle) !== null && _cardItem$placeholder2 !== void 0 ? _cardItem$placeholder2 : '餐桌';
+  var title = (_cardItem$placeholder2 = cardItem.placeholderTitle) !== null && _cardItem$placeholder2 !== void 0 ? _cardItem$placeholder2 : locales.getText("".concat(I18N_FIGMA, ".default-table"));
   var hint = (_cardItem$placeholder3 = cardItem.placeholderHint) !== null && _cardItem$placeholder3 !== void 0 ? _cardItem$placeholder3 : '';
   return /*#__PURE__*/React.createElement("div", {
     style: {
@@ -382,7 +386,7 @@ export function renderFigmaStyleRoundTableCard(cardItem) {
     style: {
       marginRight: 4
     }
-  }), "\u53EF\u5750 ", cardItem.capacity, " \u4EBA"), cardItem.area != null && cardItem.area !== '' && /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(EnvironmentOutlined, {
+  }), locales.getText("".concat(I18N_FIGMA, ".capacity-seats")).replace(/\{n\}/g, String(cardItem.capacity))), cardItem.area != null && cardItem.area !== '' && /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(EnvironmentOutlined, {
     style: {
       marginRight: 4
     }
@@ -406,13 +410,13 @@ export function renderFigmaStyleRoundTableCard(cardItem) {
       color: FIGMA.gray700,
       marginTop: 2
     }
-  }, cardItem.guests, " \u4EBA"), (cardItem.capacity != null || cardItem.area != null && cardItem.area !== '') && /*#__PURE__*/React.createElement("div", {
+  }, locales.getText("".concat(I18N_FIGMA, ".guests-count")).replace(/\{n\}/g, String(cardItem.guests))), (cardItem.capacity != null || cardItem.area != null && cardItem.area !== '') && /*#__PURE__*/React.createElement("div", {
     style: {
       fontSize: 12,
       color: FIGMA.gray700,
       marginTop: 2
     }
-  }, cardItem.capacity != null && "\u53EF\u5750 ".concat(cardItem.capacity, " \u4EBA"), cardItem.capacity != null && cardItem.area && ' · ', cardItem.area))));
+  }, cardItem.capacity != null && locales.getText("".concat(I18N_FIGMA, ".capacity-seats")).replace(/\{n\}/g, String(cardItem.capacity)), cardItem.capacity != null && cardItem.area && ' · ', cardItem.area))));
 }
 
 /** 返回用于 renderItemByKind.table 的渲染函数（方桌） */

package/es/components/pisellFloorMapLayout/components/FloorMapDataForm.js

@@ -17,8 +17,10 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState, useCallback, useEffect } from 'react';
 import classNames from 'classnames';
 import { Form, Input, InputNumber, Select, Button } from 'antd';
+import { locales } from '@pisell/utils';
 import "./FloorMapDataForm.less";
 var PREFIX = 'pisell-floor-map-layout';
+var I18N_DF = 'pisell-floor-map-layout.data-form';
 function renderFormControl(col, value) {
   var _col$type, _col$options;
   var type = (_col$type = col.type) !== null && _col$type !== void 0 ? _col$type : 'string';
@@ -97,7 +99,7 @@ export function FloorMapDataForm(props) {
       className: classNames("".concat(PREFIX, "-data-form"), className)
     }, /*#__PURE__*/React.createElement("p", {
       className: "".concat(PREFIX, "-data-form-empty")
-    }, "\u65E0\u989D\u5916\u5B57\u6BB5\u53EF\u7F16\u8F91"));
+    }, locales.getText("".concat(I18N_DF, ".empty"))));
   }
   return /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(PREFIX, "-data-form"), className)
@@ -126,6 +128,6 @@ export function FloorMapDataForm(props) {
     htmlType: "submit",
     loading: saving,
     disabled: !changed
-  }, "\u4FDD\u5B58\u8BB0\u5F55"))));
+  }, locales.getText("".concat(I18N_DF, ".save-record"))))));
 }
 export default FloorMapDataForm;

package/es/components/pisellFloorMapLayout/components/FloorMapEditTopBar.js

@@ -92,7 +92,7 @@ export function FloorMapEditTopBar(props) {
     }, /*#__PURE__*/React.createElement(FullscreenOutlined, null)) : null) : null);
   }
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(PREFIX, "-edit-top-bar"), className),
+    className: classNames("".concat(PREFIX, "-edit-top-bar"), "".concat(PREFIX, "-edit-top-bar--full-chrome"), className),
     role: "toolbar",
     "aria-label": topBarLabels.aria
   }, /*#__PURE__*/React.createElement("div", {

package/es/components/pisellFloorMapLayout/components/FloorMapEditTopBar.less

@@ -129,12 +129,13 @@
   }
 
   /**
-   * 只读顶栏（`edit-top-bar` + `read-canvas-tabs-bar` 并列）与编辑态 compact：
-   * 与左侧 Tab 同一浅灰底，去掉右侧白底与竖线分割。
+   * 只读顶栏（`edit-top-bar` + `read-canvas-tabs-bar` 并列）、编辑态 compact、
+   * 以及全屏/locked 时的 full 顶栏：与左侧 Tab 同一浅灰底，去掉右侧大块白底与竖线分割。
    */
 
   &.pisell-floor-map-layout-read-canvas-tabs-bar,
-  &--compact {
+  &--compact,
+  &--full-chrome {
     background: rgba(0, 0, 0, 0.04);
 
     .pisell-floor-map-layout-edit-top-bar-actions {

package/es/components/pisellFloorMapLayout/components/FloorMapImageElement.js

@@ -8,7 +8,9 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  * 平面图「图片图元」内层展示：支持 URL、object-fit 铺满；无地址或加载失败时占位
  */
 import React, { useEffect, useState } from 'react';
+import { locales } from '@pisell/utils';
 var PREFIX = 'pisell-floor-map-layout';
+var I18N_IMG = 'pisell-floor-map-layout.image-element';
 export function FloorMapImageElement(props) {
   var imageUrl = props.imageUrl,
     name = props.name;
@@ -20,7 +22,7 @@ export function FloorMapImageElement(props) {
   useEffect(function () {
     setBroken(false);
   }, [trimmed]);
-  var label = name != null && String(name).trim() ? String(name).trim() : '图片图元';
+  var label = name != null && String(name).trim() ? String(name).trim() : locales.getText("".concat(I18N_IMG, ".default-name"));
   if (!trimmed || broken) {
     return /*#__PURE__*/React.createElement("div", {
       className: "".concat(PREFIX, "-image-element-placeholder"),
@@ -48,7 +50,7 @@ export function FloorMapImageElement(props) {
         color: '#595959',
         marginBottom: 4
       }
-    }, label), /*#__PURE__*/React.createElement("span", null, !trimmed ? '在侧栏填写图片地址；可调层级置于桌位下方作底图' : '图片加载失败，请检查地址'));
+    }, label), /*#__PURE__*/React.createElement("span", null, !trimmed ? locales.getText("".concat(I18N_IMG, ".hint-no-url")) : locales.getText("".concat(I18N_IMG, ".hint-load-fail"))));
   }
   return /*#__PURE__*/React.createElement("img", {
     src: trimmed,

package/es/components/pisellFloorMapLayout/components/FloorMapToolbar.js

@@ -21,8 +21,11 @@ import { FLOOR_MAP_IMAGE_ELEMENT_KIND, FLOOR_MAP_STAGE_ELEMENT_KIND } from "../t
 import { resolveDataBindingPolicy } from "../utils/floorMapElementKindUtils";
 import { FLOOR_MAP_PALETTE_DRAG_MIME } from "../utils/floorMapDropUtils";
 import { formatDataRecordOptionLabel } from "../utils/floorMapDataRecordLabel";
+import { locales } from '@pisell/utils';
 import "./FloorMapToolbar.less";
 var PREFIX = 'pisell-floor-map-layout';
+var I18N_TB = 'pisell-floor-map-layout.toolbar';
+var I18N_EP_DS = 'pisell-floor-map-layout.edit-panel.ph-data-source';
 var DEFAULT_PLACEMENT_SIZE = {
   width: 180,
   height: 120
@@ -115,7 +118,7 @@ export function FloorMapToolbar(props) {
     });
     return sorted.length ? sorted : [{
       id: '_uncat',
-      label: '图元',
+      label: locales.getText("".concat(I18N_TB, ".category-fallback")),
       order: 0
     }];
   }, [config.elementKindCategories]);
@@ -233,7 +236,7 @@ export function FloorMapToolbar(props) {
         e.dataTransfer.setData(FLOOR_MAP_PALETTE_DRAG_MIME, JSON.stringify(paletteDragPayload));
         e.dataTransfer.effectAllowed = 'copy';
       },
-      title: "\u70B9\u51FB\u540E\u753B\u5E03\u843D\u70B9\uFF0C\u6216\u62D6\u62FD\u5230\u753B\u5E03\u751F\u6210\u300C".concat(k.label, "\u300D")
+      title: locales.getText("".concat(I18N_TB, ".palette-card-title")).replace(/\{name\}/g, k.label)
     }, /*#__PURE__*/React.createElement("div", {
       className: "".concat(PREFIX, "-toolbar-preview-cell"),
       style: {
@@ -261,8 +264,8 @@ export function FloorMapToolbar(props) {
       className: "".concat(PREFIX, "-toolbar-record-pick")
     }, /*#__PURE__*/React.createElement("div", {
       className: "".concat(PREFIX, "-toolbar-record-pick-label")
-    }, "\u6570\u636E\u7ED1\u5B9A\uFF08\u53EF\u9009\uFF09"), /*#__PURE__*/React.createElement(Select, {
-      placeholder: "\u9009\u62E9\u6570\u636E\u6E90",
+    }, locales.getText("".concat(I18N_TB, ".data-binding-optional"))), /*#__PURE__*/React.createElement(Select, {
+      placeholder: locales.getText(I18N_EP_DS),
       allowClear: true,
       value: placeMode.type === 'scene' ? placeMode.dataSourceKey : undefined,
       options: allowedKeys.map(function (key) {
@@ -285,18 +288,18 @@ export function FloorMapToolbar(props) {
       if (!key) {
         return /*#__PURE__*/React.createElement("div", {
           className: "".concat(PREFIX, "-toolbar-record-pick-hint")
-        }, "\u9009\u62E9\u6570\u636E\u6E90\u540E\u53EF\u9009\u7ED1\u5B9A\u6570\u636E\u884C\uFF0C\u6216\u76F4\u63A5\u843D\u70B9\u5360\u4F4D\u3002");
+        }, locales.getText("".concat(I18N_TB, ".hint-after-select-ds")));
       }
       var unplaced = getUnplacedRecordsForKey(key, dataSources, sceneElements);
       if (unplaced.length === 0) {
         return /*#__PURE__*/React.createElement("div", {
           className: "".concat(PREFIX, "-toolbar-record-pick-hint")
-        }, "\u5F53\u524D\u6570\u636E\u6E90\u65E0\u672A\u7ED1\u5B9A\u8BB0\u5F55\uFF0C\u6216\u5217\u8868\u4E3A\u7A7A\uFF1B\u53EF\u76F4\u63A5\u5728\u753B\u5E03\u843D\u70B9\u5360\u4F4D\u3002");
+        }, locales.getText("".concat(I18N_TB, ".hint-no-unplaced-rows")));
       }
       var recordValue = mode !== null && mode !== void 0 && mode.recordIds && mode.recordIds.length > 0 ? mode.recordIds : mode !== null && mode !== void 0 && mode.recordId ? [mode.recordId] : undefined;
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Select, {
         mode: "multiple",
-        placeholder: "\u9009\u62E9\u8981\u5C55\u793A\u7684\u8BB0\u5F55\uFF08\u53EF\u9009\uFF0C\u53EF\u591A\u9009\uFF09",
+        placeholder: locales.getText("".concat(I18N_TB, ".ph-select-records")),
         allowClear: true,
         maxTagCount: "responsive",
         value: recordValue,
@@ -316,18 +319,18 @@ export function FloorMapToolbar(props) {
         }
       }), /*#__PURE__*/React.createElement("div", {
         className: "".concat(PREFIX, "-toolbar-record-pick-hint")
-      }, "\u53EF\u9009\u591A\u6761\uFF0C\u5728\u753B\u5E03\u70B9\u51FB\u4E00\u6B21\u5C06\u6309\u9636\u68AF\u504F\u79FB\u843D\u591A\u6761\uFF1B\u7559\u7A7A\u5219\u5148\u5360\u4F4D\uFF0C\u7A0D\u540E\u5728\u4FA7\u680F\u7ED1\u5B9A\u3002"));
+      }, locales.getText("".concat(I18N_TB, ".hint-multi-drop"))));
     }()), allowedKeys.length === 0 && /*#__PURE__*/React.createElement("div", {
       className: "".concat(PREFIX, "-toolbar-record-hint")
-    }, "\u65E0\u53EF\u7528\u6570\u636E\u6E90"), /*#__PURE__*/React.createElement("button", {
+    }, locales.getText("".concat(I18N_TB, ".no-data-sources"))), /*#__PURE__*/React.createElement("button", {
       type: "button",
       className: "".concat(PREFIX, "-toolbar-btn cancel-inline"),
       onClick: cancelPlaceMode
-    }, "\u53D6\u6D88\u65B0\u5EFA")), isActive && policy === 'none' && /*#__PURE__*/React.createElement("button", {
+    }, locales.getText("".concat(I18N_TB, ".cancel-place")))), isActive && policy === 'none' && /*#__PURE__*/React.createElement("button", {
       type: "button",
       className: "".concat(PREFIX, "-toolbar-btn cancel-inline"),
       onClick: cancelPlaceMode
-    }, "\u53D6\u6D88\u65B0\u5EFA"));
+    }, locales.getText("".concat(I18N_TB, ".cancel-place"))));
   };
   return /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(PREFIX, "-toolbar"), "".concat(PREFIX, "-toolbar-sidebar"), className)
@@ -354,13 +357,13 @@ export function FloorMapToolbar(props) {
   }, layoutDirty ? /*#__PURE__*/React.createElement("span", {
     className: "".concat(PREFIX, "-toolbar-dirty-hint"),
     role: "status"
-  }, "\u5E03\u5C40\u5DF2\u4FEE\u6539\uFF0C\u8BF7\u70B9\u51FB\u300C\u4FDD\u5B58\u300D\u6301\u4E45\u5316\u3002") : null, saveError && /*#__PURE__*/React.createElement("span", {
+  }, locales.getText("".concat(I18N_TB, ".layout-dirty-hint"))) : null, saveError && /*#__PURE__*/React.createElement("span", {
     className: "".concat(PREFIX, "-toolbar-error")
   }, typeof saveError === 'string' ? saveError : saveError === null || saveError === void 0 ? void 0 : saveError.message), /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: classNames("".concat(PREFIX, "-toolbar-btn"), 'primary', _defineProperty({}, "".concat(PREFIX, "-toolbar-save-dirty"), layoutDirty)),
     disabled: saving,
     onClick: onSave
-  }, saving ? '保存中...' : '保存')));
+  }, saving ? locales.getText("".concat(I18N_TB, ".saving")) : locales.getText("".concat(I18N_TB, ".save")))));
 }
 export default FloorMapToolbar;

package/es/components/pisellFloorMapLayout/components/ViewControls.js

@@ -8,8 +8,10 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import React from 'react';
 import classNames from 'classnames';
 import { MinusOutlined, PlusOutlined, FullscreenOutlined, FullscreenExitOutlined, BorderInnerOutlined } from '@ant-design/icons';
+import { locales } from '@pisell/utils';
 import "./ViewControls.less";
 var PREFIX = 'pisell-floor-map-layout';
+var I18N_VC = 'pisell-floor-map-layout.view-controls';
 
 /** 从 react-zoom-pan-pinch 拿到的控制 API（由主组件传入） */
 
@@ -42,7 +44,7 @@ export function ViewControls(props) {
     onClick: function onClick() {
       return api.zoomOut();
     },
-    "aria-label": "\u7F29\u5C0F"
+    "aria-label": locales.getText("".concat(I18N_VC, ".zoom-out-aria"))
   }, /*#__PURE__*/React.createElement(MinusOutlined, null)), /*#__PURE__*/React.createElement("span", {
     className: "".concat(PREFIX, "-view-controls-zoom-stepper-value")
   }, scalePercent, "%"), /*#__PURE__*/React.createElement("button", {
@@ -51,7 +53,7 @@ export function ViewControls(props) {
     onClick: function onClick() {
       return api.zoomIn();
     },
-    "aria-label": "\u653E\u5927"
+    "aria-label": locales.getText("".concat(I18N_VC, ".zoom-in-aria"))
   }, /*#__PURE__*/React.createElement(PlusOutlined, null))), showToolsCapsule && /*#__PURE__*/React.createElement("div", {
     className: "".concat(PREFIX, "-view-controls-tools-capsule")
   }, showReset && /*#__PURE__*/React.createElement("button", {
@@ -60,14 +62,14 @@ export function ViewControls(props) {
     onClick: function onClick() {
       return api.resetTransform();
     },
-    "aria-label": "\u590D\u4F4D"
+    "aria-label": locales.getText("".concat(I18N_VC, ".reset-aria"))
   }, "\u27F2"), showFitBounds && api.fitBounds && /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "".concat(PREFIX, "-view-controls-tool-btn"),
     onClick: function onClick() {
       return api.fitBounds();
     },
-    "aria-label": "\u533A\u57DF\u5B9A\u4F4D"
+    "aria-label": locales.getText("".concat(I18N_VC, ".fit-bounds-aria"))
   }, "\u229E"), showGridToggle && /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: classNames("".concat(PREFIX, "-view-controls-tool-btn"), _defineProperty({}, "".concat(PREFIX, "-view-controls-tool-btn--active"), mapGridVisible)),
@@ -75,14 +77,14 @@ export function ViewControls(props) {
       return onToggleMapGrid();
     },
     "aria-pressed": mapGridVisible,
-    "aria-label": mapGridVisible ? '隐藏网格' : '显示网格'
+    "aria-label": locales.getText(mapGridVisible ? "".concat(I18N_VC, ".grid-hide-aria") : "".concat(I18N_VC, ".grid-show-aria"))
   }, /*#__PURE__*/React.createElement(BorderInnerOutlined, null)), showFullscreen && api.toggleFullscreen && /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "".concat(PREFIX, "-view-controls-tool-btn"),
     onClick: function onClick() {
       return api.toggleFullscreen();
     },
-    "aria-label": isFullscreen ? '退出全屏' : '全屏'
+    "aria-label": locales.getText(isFullscreen ? "".concat(I18N_VC, ".fullscreen-exit-aria") : "".concat(I18N_VC, ".fullscreen-aria"))
   }, isFullscreen ? /*#__PURE__*/React.createElement(FullscreenExitOutlined, null) : /*#__PURE__*/React.createElement(FullscreenOutlined, null))));
 }
 export default ViewControls;

package/es/components/pisellFloorMapLayout/hooks/useFloorMapEditState.js

@@ -36,6 +36,7 @@ var IMAGE_PLACE_DEFAULT = {
   width: 400,
   height: 240
 };
+var I18N_PLACEMENT_FALLBACK_IMAGE = 'pisell-floor-map-layout.placement.fallback-image-name';
 var GRID_VIS_STORAGE_PREFIX = 'pisell-floor-map-layout.grid-visible';
 function getGridVisStorageKey(canvasId) {
   return "".concat(GRID_VIS_STORAGE_PREFIX, ":").concat(canvasId);
@@ -411,7 +412,7 @@ export function useFloorMapEditState(params) {
     }
     var placementName = function (_kindConfig$defaultPr, _kindConfig$defaultPr2) {
       if (isStage) return STAGE_DECO_DEFAULT.name;
-      if (isImage) return '底图';
+      if (isImage) return locales.getText(I18N_PLACEMENT_FALLBACK_IMAGE);
       var db = dataBinding;
       var rid = recordIdsToPlace[0];
       if (db && rid) {