@pisell/materials 1.10.21 → 1.10.23

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PisellBasicCardProps } from "./types.js";
 import { ImageDataSource, ImageFillMode, PisellImageCardProps } from "./components/PisellImageCard/types.js";
 import { GraphicConfig, GraphicTextCardProps, GraphicTextCardSize, GraphicTextCardVariant } from "./components/GraphicTextCard/types.js";

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PisellSingleLineTextProps } from "../pisellSingleLineText/types.js";
 import { PisellLongTextProps } from "../pisellLongText/types.js";
 import { PisellNumberProps } from "../pisellNumber/types.js";

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PisellBasicGridProps } from "../PisellBasicGrid/types.js";
 import { PisellScrollViewProps, PisellScrollViewRef } from "../PisellScrollView/types.js";
 import { FloorMapFullscreenMode, FloorMapItemBase, FloorMapLayoutContextValue, PisellFloorMapLayoutProps, PisellFloorMapLayoutRef } from "../pisellFloorMapLayout/types.js";

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PisellMetricCardProps } from "../pisellMetricCard/types.js";
 import { PisellStatisticListProps } from "../pisellStatisticList/index.js";
 import { PisellStatisticProps } from "../cardMetricItem/index.js";

package/es/components/PisellSelectionFlow/PisellSelectionFlow.js

@@ -16,7 +16,7 @@ const createUnexpectedCompileError = (error) => {
 };
 const SelectionFlow = ({ registry, draftAdapter, steps, initialDraft, initialStepIndex = 0, hostContext, services, children, onDraftChange, onStepChange, onCompiledStepsChange, onValidationFailed, onConfigurationError, onComplete }, ref) => {
 	const mountedRef = useRef(true);
-	const flowGenerationRef = useRef(0);
+	const flowGenerationRef = useRef(1);
 	const draftRevisionRef = useRef(0);
 	const navigationRevisionRef = useRef(0);
 	const preparationRevisionRef = useRef(0);
@@ -69,8 +69,7 @@ const SelectionFlow = ({ registry, draftAdapter, steps, initialDraft, initialSte
 		params
 	}), []);
 	useEffect(() => {
-		const generation = flowGenerationRef.current + 1;
-		flowGenerationRef.current = generation;
+		const generation = flowGenerationRef.current;
 		mountedRef.current = true;
 		if (generation > 1) {
 			const nextModuleState = Object.fromEntries(Object.keys(moduleStateRef.current).map((moduleKey) => [moduleKey, { status: "idle" }]));

package/es/components/appVersionControl/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 //#region src/components/appVersionControl/types.d.ts
 interface Version {
   id: string;

package/es/components/dataSourceComponents/dataSourceTable/type.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { LocalSettingsType } from "../../table/types.js";
 import { DataSourceType } from "../provider/dataSource/DataSourceContext.js";
 import { ColumnType } from "antd/es/table";

package/es/components/dataSourceComponents/fields/Checkbox/WithMode.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CheckboxGroupProps } from "./type.js";
 import { WithModeProps } from "../../dataSourceForm/utils.js";
 import * as _$react from "react";

package/es/components/dataSourceComponents/fields/Radio/WithMode.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { WithModeProps } from "../../dataSourceForm/utils.js";
 import { RadioGroupProps } from "./type.js";
 import * as _$react from "react";

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { WithFormItemProps, WithModeProps } from "../../dataSourceForm/utils.js";
 import { RecordListWrapperProps } from "./type.js";
 

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { WithFormItemProps, WithModeProps } from "../../dataSourceForm/utils.js";
 import * as _$antd from "antd";
 import * as _$antd_es_select0 from "antd/es/select";

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { WithFormItemProps, WithModeProps } from "../../dataSourceForm/utils.js";
 import { TabsProps } from "./type.js";
 

package/es/components/dataSourceComponents/fields/Translation/type.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ModeType } from "../../dataSourceForm/type.js";
 
 //#region src/components/dataSourceComponents/fields/Translation/type.d.ts

package/es/components/dataSourceComponents/provider/dataSource/DataSourceContext.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ActionsItem } from "../../dataSourceForm/serve.js";
 import { Result } from "ahooks/es/useRequest/src/types";
 

package/es/components/drag-sort-tree/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 //#region src/components/drag-sort-tree/types.d.ts
 type IdType = string | number;
 type ValueProps = {

package/es/components/filter/components/FilterButton/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterItemProps } from "../../types.js";
 
 //#region src/components/filter/components/FilterButton/types.d.ts

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import * as _$react from "react";
 import { InputProps, InputRef } from "antd";
 import * as _$antd_es_input0 from "antd/es/input";

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import * as _$antd_es_list_Item0 from "antd/es/list/Item";
 
 //#region src/components/list/index.d.ts

package/es/components/page/dateLocale.js

@@ -0,0 +1,33 @@
+//#region src/components/page/dateLocale.ts
+const COUNTRY_WEEK_STARTS_ON = {
+	US: 0,
+	CA: 0,
+	AU: 1,
+	NZ: 1,
+	SG: 0,
+	HK: 0,
+	TW: 0,
+	CN: 1,
+	JP: 0,
+	KR: 0,
+	MY: 1,
+	GB: 1,
+	FR: 1,
+	IT: 1
+};
+function normalizePageCountryCode(value) {
+	const countryCode = String(value !== null && value !== void 0 ? value : "").trim().toUpperCase();
+	return /^[A-Z]{2}$/.test(countryCode) ? countryCode : void 0;
+}
+/** Undefined tells Page to preserve its previous locale behaviour. */
+function getPageWeekStartsOn(countryCode) {
+	const normalized = normalizePageCountryCode(countryCode);
+	return normalized ? COUNTRY_WEEK_STARTS_ON[normalized] : void 0;
+}
+function getPageEnglishAdapterLocale(countryCode) {
+	const weekStartsOn = getPageWeekStartsOn(countryCode);
+	if (weekStartsOn === void 0) return void 0;
+	return weekStartsOn === 1 ? "en-gb" : "en";
+}
+//#endregion
+export { getPageEnglishAdapterLocale, getPageWeekStartsOn, normalizePageCountryCode };

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

@@ -2,6 +2,7 @@ import { ConfigProviderProps } from "../config-provider/index.js";
 
 //#region src/components/page/index.d.ts
 interface PageProps extends ConfigProviderProps {
+  countryCode?: string;
   variablesConfig?: {
     disabledHistoryListener?: boolean;
   };

package/es/components/page/index.js

@@ -5,25 +5,31 @@ import ConfigProvider$1 from "../config-provider/index.js";
 import VariablesProvider from "../dataSourceComponents/provider/variables/VariablesProvider.js";
 import PisellConfigProvider from "../pisell-config-provider/index.js";
 import { getThemeConfig } from "../../theme/tokens.js";
+import { getPageEnglishAdapterLocale, getPageWeekStartsOn, normalizePageCountryCode } from "./dateLocale.js";
 import React, { useEffect, useMemo } from "react";
 import { App } from "antd";
+import dayjs from "dayjs";
 import { LocaleProvider, LocalizationProvider, ThemeProvider, createTheme } from "@pisell/date-picker";
 import zhCN from "antd/es/locale/zh_CN";
 import { AdapterDayjs } from "@pisell/date-picker/es/AdapterDayjs";
 import enUS from "antd/es/locale/en_US";
+import enGB from "antd/es/locale/en_GB";
 import zhTW from "antd/es/locale/zh_TW";
 import zhHK from "antd/es/locale/zh_HK";
 import jaJP from "antd/es/locale/ja_JP";
 import ptPT from "antd/es/locale/pt_PT";
+import enGbLocale from "dayjs/locale/en-gb";
 //#region src/components/page/index.tsx
 const _excluded = [
 	"children",
 	"style",
 	"className",
 	"locale",
+	"countryCode",
 	"variablesConfig",
 	"isRenderPisellConfigProvider"
 ];
+dayjs.locale(enGbLocale, void 0, true);
 const localMap = {
 	"zh-TW": zhTW,
 	"zh-CN": zhCN,
@@ -43,11 +49,31 @@ const localeDateMap = {
 	"pt": { adapterLocale: "pt" }
 };
 const Page = (props) => {
-	var _context$appHelper, _context$engine, _localeDateMap, _context$engine2;
-	const { children, style, className, locale: propsLocale, variablesConfig, isRenderPisellConfigProvider = true } = props, others = _objectWithoutProperties(props, _excluded);
+	var _context$appHelper, _context$engine, _context$appHelper2, _localeDateMap, _context$engine2;
+	const { children, style, className, locale: propsLocale, countryCode: propsCountryCode, variablesConfig, isRenderPisellConfigProvider = true } = props, others = _objectWithoutProperties(props, _excluded);
 	const context = useEngineContext();
 	const { platform, themeColor } = ((_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.constants) || {};
 	const locale = propsLocale || (context === null || context === void 0 || (_context$engine = context.engine) === null || _context$engine === void 0 || (_context$engine = _context$engine.props) === null || _context$engine === void 0 ? void 0 : _context$engine.locale) || "en";
+	const utils = context === null || context === void 0 || (_context$appHelper2 = context.appHelper) === null || _context$appHelper2 === void 0 ? void 0 : _context$appHelper2.utils;
+	let countryCode = normalizePageCountryCode(propsCountryCode);
+	try {
+		var _utils$getStore, _utils$getStore$getSt, _utils$store, _utils$store$getState, _utils$getApp, _utils$getApp$getStor, _utils$getApp$getStor2, _hostState$global, _utils$getData, _context$appHelper3, _context$appHelper4, _context$appHelper5;
+		const hostState = (utils === null || utils === void 0 || (_utils$getStore = utils.getStore) === null || _utils$getStore === void 0 || (_utils$getStore = _utils$getStore.call(utils)) === null || _utils$getStore === void 0 || (_utils$getStore$getSt = _utils$getStore.getState) === null || _utils$getStore$getSt === void 0 ? void 0 : _utils$getStore$getSt.call(_utils$getStore)) || (utils === null || utils === void 0 || (_utils$store = utils.store) === null || _utils$store === void 0 || (_utils$store$getState = _utils$store.getState) === null || _utils$store$getState === void 0 ? void 0 : _utils$store$getState.call(_utils$store));
+		const appCore = utils === null || utils === void 0 || (_utils$getApp = utils.getApp) === null || _utils$getApp === void 0 || (_utils$getApp = _utils$getApp.call(utils)) === null || _utils$getApp === void 0 || (_utils$getApp = _utils$getApp.data) === null || _utils$getApp === void 0 || (_utils$getApp = _utils$getApp.store) === null || _utils$getApp === void 0 || (_utils$getApp$getStor = _utils$getApp.getStore) === null || _utils$getApp$getStor === void 0 || (_utils$getApp$getStor = _utils$getApp$getStor.call(_utils$getApp)) === null || _utils$getApp$getStor === void 0 || (_utils$getApp$getStor2 = _utils$getApp$getStor.getDataByModel) === null || _utils$getApp$getStor2 === void 0 ? void 0 : _utils$getApp$getStor2.call(_utils$getApp$getStor, "core", "core");
+		countryCode = [
+			countryCode,
+			hostState === null || hostState === void 0 || (_hostState$global = hostState.global) === null || _hostState$global === void 0 || (_hostState$global = _hostState$global.shopDetail) === null || _hostState$global === void 0 ? void 0 : _hostState$global.country_code,
+			utils === null || utils === void 0 || (_utils$getData = utils.getData) === null || _utils$getData === void 0 || (_utils$getData = _utils$getData.call(utils, "shop_info")) === null || _utils$getData === void 0 ? void 0 : _utils$getData.country_code,
+			appCore === null || appCore === void 0 ? void 0 : appCore.country_code,
+			context === null || context === void 0 || (_context$appHelper3 = context.appHelper) === null || _context$appHelper3 === void 0 || (_context$appHelper3 = _context$appHelper3.constants) === null || _context$appHelper3 === void 0 ? void 0 : _context$appHelper3.countryCode,
+			context === null || context === void 0 || (_context$appHelper4 = context.appHelper) === null || _context$appHelper4 === void 0 || (_context$appHelper4 = _context$appHelper4.constants) === null || _context$appHelper4 === void 0 ? void 0 : _context$appHelper4.country_code,
+			context === null || context === void 0 || (_context$appHelper5 = context.appHelper) === null || _context$appHelper5 === void 0 || (_context$appHelper5 = _context$appHelper5.constants) === null || _context$appHelper5 === void 0 ? void 0 : _context$appHelper5.country
+		].map(normalizePageCountryCode).find((candidate) => candidate !== void 0);
+	} catch (_unused) {}
+	const englishAdapterLocale = getPageEnglishAdapterLocale(countryCode);
+	const weekStartsOn = getPageWeekStartsOn(countryCode);
+	const isEnglish = String(locale).toLowerCase().startsWith("en");
+	const antdLocale = isEnglish && weekStartsOn !== void 0 ? weekStartsOn === 1 ? enGB : enUS : localMap[locale];
 	const theme = useMemo(() => {
 		if (props === null || props === void 0 ? void 0 : props.theme) {
 			var _props$theme;
@@ -64,7 +90,7 @@ const Page = (props) => {
 		document.body.id = "body";
 	}, []);
 	return /* @__PURE__ */ React.createElement(ConfigProvider$1, _objectSpread2(_objectSpread2({}, others), {}, {
-		locale: localMap[locale],
+		locale: antdLocale,
 		prefixCls: props.prefixCls || "pisell-lowcode",
 		theme
 	}), /* @__PURE__ */ React.createElement(App, {
@@ -72,7 +98,7 @@ const Page = (props) => {
 		message: { maxCount: 1 }
 	}, /* @__PURE__ */ React.createElement(LocalizationProvider, {
 		dateAdapter: AdapterDayjs,
-		adapterLocale: (localeDateMap === null || localeDateMap === void 0 || (_localeDateMap = localeDateMap[locale]) === null || _localeDateMap === void 0 ? void 0 : _localeDateMap.adapterLocale) || "en"
+		adapterLocale: isEnglish && englishAdapterLocale || (localeDateMap === null || localeDateMap === void 0 || (_localeDateMap = localeDateMap[locale]) === null || _localeDateMap === void 0 ? void 0 : _localeDateMap.adapterLocale) || "en"
 	}, /* @__PURE__ */ React.createElement(ThemeProvider, { theme: datePickerTheme }, /* @__PURE__ */ React.createElement(LocaleProvider, { value: { locale } }, /* @__PURE__ */ React.createElement(PisellConfigProvid, { locale }, /* @__PURE__ */ React.createElement(VariablesProvider, {
 		variables: ((_context$engine2 = context.engine) === null || _context$engine2 === void 0 || (_context$engine2 = _context$engine2.props) === null || _context$engine2 === void 0 ? void 0 : _context$engine2.variables) || {},
 		config: variablesConfig

package/es/components/pisell-config-provider/context.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/pisell-config-provider/context.d.ts

package/es/components/pisellFloorMapLayout/PisellFloorMapLayout.js

@@ -314,7 +314,7 @@ function PisellFloorMapLayoutInner(props, ref) {
 			shape: "rect"
 		}];
 	}, [overviewLayout]);
-	const { containerRef, mapAreaRef, mapAreaSize, contentWidth, contentHeight, contentOffsetX, contentOffsetY, initialPositionX, initialPositionY, zoomConfig, scale, setScale, isFullscreen, toggleFullscreen, fitBounds, focusContentBounds, isAtFitBounds, notifyTransformed, persistCurrentViewport, attachTransformContext, isInteractingWithElement, setIsInteractingWithElement, viewportLocked, toggleViewportLocked } = useFloorMapTransformMetrics({
+	const { containerRef, mapAreaRef, mapAreaSize, contentWidth, contentHeight, contentOffsetX, contentOffsetY, initialPositionX, initialPositionY, zoomConfig, scale, setScale, isFullscreen, toggleFullscreen, fitBounds, focusContentBounds, isAtFitBounds, notifyTransformed, persistCurrentViewport, markViewportControlInteraction, attachTransformContext, isInteractingWithElement, setIsInteractingWithElement, viewportLocked, toggleViewportLocked } = useFloorMapTransformMetrics({
 		items: isOverview && overviewLayout ? overviewMetricsItems : items,
 		cellSize,
 		itemGap: isOverview ? 0 : itemGap,
@@ -1042,6 +1042,7 @@ function PisellFloorMapLayoutInner(props, ref) {
 			isFullscreen,
 			fitBoundsActive: isAtFitBounds,
 			fitBounds,
+			onViewportControlStart: markViewportControlInteraction,
 			toggleFullscreen: dockToggleFullscreen,
 			mapGridVisible: isOverview ? false : Boolean(effectiveMapLayer === null || effectiveMapLayer === void 0 ? void 0 : effectiveMapLayer.showGrid),
 			onToggleMapGrid: isFloorMapView && !isOverview ? toggleDraftCanvasShowGrid : void 0,

package/es/components/pisellFloorMapLayout/components/FigmaTableCard.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FloorMapDataSources, FloorMapMergedItem } from "../types.js";
 
 //#region src/components/pisellFloorMapLayout/components/FigmaTableCard.d.ts

package/es/components/pisellFloorMapLayout/components/FloorMapBuiltinShapeElement.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FloorMapBuiltinShapeRenderProps } from "../utils/floorMapBuiltinShapes.js";
 
 //#region src/components/pisellFloorMapLayout/components/FloorMapBuiltinShapeElement.d.ts

package/es/components/pisellFloorMapLayout/components/FloorMapImageElement.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 //#region src/components/pisellFloorMapLayout/components/FloorMapImageElement.d.ts
 interface FloorMapImageElementProps {
   imageUrl?: string;

package/es/components/pisellFloorMapLayout/components/FloorMapSelectionZoneElement.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 //#region src/components/pisellFloorMapLayout/components/FloorMapSelectionZoneElement.d.ts
 interface FloorMapSelectionZoneElementProps {
   /** 选区名称；为空时展示「未命名选区」占位 */

package/es/components/pisellFloorMapLayout/components/ViewControlsWithZoom.js

@@ -8,17 +8,34 @@ import { useControls } from "react-zoom-pan-pinch";
 function ViewControlsWithZoom(props) {
 	const { zoomIn, zoomOut, resetTransform } = useControls();
 	const api = useMemo(() => ({
-		zoomIn,
-		zoomOut,
-		resetTransform,
-		fitBounds: props.fitBounds,
+		zoomIn: () => {
+			var _props$onViewportCont;
+			(_props$onViewportCont = props.onViewportControlStart) === null || _props$onViewportCont === void 0 || _props$onViewportCont.call(props);
+			zoomIn();
+		},
+		zoomOut: () => {
+			var _props$onViewportCont2;
+			(_props$onViewportCont2 = props.onViewportControlStart) === null || _props$onViewportCont2 === void 0 || _props$onViewportCont2.call(props);
+			zoomOut();
+		},
+		resetTransform: () => {
+			var _props$onViewportCont3;
+			(_props$onViewportCont3 = props.onViewportControlStart) === null || _props$onViewportCont3 === void 0 || _props$onViewportCont3.call(props);
+			resetTransform();
+		},
+		fitBounds: () => {
+			var _props$onViewportCont4;
+			(_props$onViewportCont4 = props.onViewportControlStart) === null || _props$onViewportCont4 === void 0 || _props$onViewportCont4.call(props);
+			props.fitBounds();
+		},
 		toggleFullscreen: props.toggleFullscreen
 	}), [
 		zoomIn,
 		zoomOut,
 		resetTransform,
 		props.fitBounds,
-		props.toggleFullscreen
+		props.toggleFullscreen,
+		props.onViewportControlStart
 	]);
 	return /* @__PURE__ */ React.createElement(ViewControls, {
 		api,

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

@@ -535,8 +535,11 @@ function useFloorMapTransformMetrics(params) {
 	persistKeyRef.current = viewportPersistKey;
 	const persistTimerRef = useRef(null);
 	const flushPersistRef = useRef(null);
-	const schedulePersistViewport = useCallback((snapshot) => {
-		const key = persistKeyRef.current;
+	/** Dock 按钮触发的是程序化动画，快速切画布时 onZoomStop 可能来不及触发。 */
+	const viewportControlPersistKeyRef = useRef();
+	const viewportControlTimerRef = useRef(null);
+	const schedulePersistViewport = useCallback((snapshot, explicitKey) => {
+		const key = explicitKey !== null && explicitKey !== void 0 ? explicitKey : persistKeyRef.current;
 		if (!key) return;
 		if (persistTimerRef.current != null) {
 			clearTimeout(persistTimerRef.current);
@@ -551,6 +554,14 @@ function useFloorMapTransformMetrics(params) {
 		flushPersistRef.current = doWrite;
 		persistTimerRef.current = setTimeout(doWrite, 300);
 	}, []);
+	const markViewportControlInteraction = useCallback(() => {
+		viewportControlPersistKeyRef.current = persistKeyRef.current;
+		if (viewportControlTimerRef.current != null) clearTimeout(viewportControlTimerRef.current);
+		viewportControlTimerRef.current = setTimeout(() => {
+			viewportControlTimerRef.current = null;
+			viewportControlPersistKeyRef.current = void 0;
+		}, FIT_BOUNDS_PROGRAMMATIC_TWEEN_GUARD_MS);
+	}, []);
 	/**
 	* 由 onTransformed 回调统一上报当前 transform：
 	*   - 写 lastTransformRef（替代父组件直接赋值）
@@ -569,6 +580,12 @@ function useFloorMapTransformMetrics(params) {
 			y,
 			scale: nextScale
 		};
+		const controlKey = viewportControlPersistKeyRef.current;
+		if (controlKey) schedulePersistViewport({
+			x,
+			y,
+			scale: nextScale
+		}, controlKey);
 		const snap = lastFitSnapshotRef.current;
 		if (snap) {
 			const same = Math.abs(snap.x - x) < .5 && Math.abs(snap.y - y) < .5 && Math.abs(snap.scale - nextScale) < .005;
@@ -582,7 +599,7 @@ function useFloorMapTransformMetrics(params) {
 			}
 			setIsAtFitBounds((prev) => prev === same ? prev : same);
 		} else setIsAtFitBounds((prev) => prev ? false : prev);
-	}, [clearFitBoundsTweenHold]);
+	}, [clearFitBoundsTweenHold, schedulePersistViewport]);
 	/**
 	* 用户交互结束时（pan / zoom / pinch / wheel stop）调用：
 	* 以 lastTransformRef 当前值为快照写 localStorage（debounce 兜底高频 stop）。
@@ -717,6 +734,11 @@ function useFloorMapTransformMetrics(params) {
 	useEffect(() => {
 		return () => {
 			var _flushPersistRef$curr;
+			if (viewportControlTimerRef.current != null) {
+				clearTimeout(viewportControlTimerRef.current);
+				viewportControlTimerRef.current = null;
+			}
+			viewportControlPersistKeyRef.current = void 0;
 			if (persistTimerRef.current != null) {
 				clearTimeout(persistTimerRef.current);
 				persistTimerRef.current = null;
@@ -750,6 +772,7 @@ function useFloorMapTransformMetrics(params) {
 		isAtFitBounds,
 		notifyTransformed,
 		persistCurrentViewport,
+		markViewportControlInteraction,
 		attachTransformContext,
 		lastTransformRef,
 		isInteractingWithElement,

package/es/components/pisellGridPro/ToolBar/type.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 //#region src/components/pisellGridPro/ToolBar/type.d.ts
 interface ToolBarProps {
   className?: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PisellContextType } from "../pisell-config-provider/context.js";
 import { BankCardProps } from "./components/BankCard/index.js";
 import { SecurityCodeProps } from "./components/SecurityCode/index.js";

package/es/components/pisellMenu/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MenuProps } from "antd";
 
 //#region src/components/pisellMenu/types.d.ts

package/es/components/pisellQuickFilter/type.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterItemProps } from "../filter/types.js";
 import { FormInstance } from "antd";
 

package/es/components/pisellRecordBoard/shellFrame/Calendar/PisellRecordBoardCalendarView.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RecordBoardCalendarProps } from "../../types.js";
 
 //#region src/components/pisellRecordBoard/shellFrame/Calendar/PisellRecordBoardCalendarView.d.ts

package/es/components/pisellReservationSchedule/PisellReservationSchedule.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PisellReservationScheduleProps } from "./types.js";
 //#region src/components/pisellReservationSchedule/PisellReservationSchedule.d.ts
 /**

package/es/components/pisellReservationScheduleBand/PisellReservationScheduleBand.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PisellReservationScheduleBandProps } from "./types.js";
 //#region src/components/pisellReservationScheduleBand/PisellReservationScheduleBand.d.ts
 /**

package/es/components/pisellTimeNavigator/PisellTimeNavigator.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PisellTimeNavigatorProps } from "./types.js";
 //#region src/components/pisellTimeNavigator/PisellTimeNavigator.d.ts
 /**

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

@@ -20,6 +20,8 @@ interface PisellWalletPassCardProps {
   storeName: string;
   /** 余额 */
   balance?: number;
+  /** 已格式化的余额展示内容 */
+  formattedBalance?: React.ReactNode;
   /** 识别码编号 */
   code: string;
   /** 有效期 */

package/es/components/pisellWalletPassCard/index.js

@@ -39,7 +39,7 @@ const PisellWalletPassCard = (props) => {
 			if (pressTimer) clearTimeout(pressTimer);
 		};
 	}, [pressTimer]);
-	const { id, type, code, qrCode, balance, disabledReason, name, storeName, redeem, validDate, disabled, active = false, cover, balanceTitle, redeemTitle, showCover = true, showDetail = true, showBalance = true, showRedeem = true, showName = true, showCode = true, showStoreName = true, showValidDate = true, showQrCode = true, showBalanceSymbol = true, showDisabledReason = true, showDiscount = false, discount, showActions, actions, beforeEdit, onBeforeEditAmount, onConfirmEdit, onConfirmEditAmount, onDetail, useExternalDetail = false, originData, style = {}, mode = "multiple", showActiveIcon, enableEditAmount, showStatus, cardStatus, nameTitleStyle, formatBalance, formatBalanceTitle, formatRedeem, formatRedeemTitle, maxRedeem, showHolderName = true, holder, onSetHolder, validDateBySchedule, scheduleList } = props;
+	const { id, type, code, qrCode, balance, formattedBalance, disabledReason, name, storeName, redeem, validDate, disabled, active = false, cover, balanceTitle, redeemTitle, showCover = true, showDetail = true, showBalance = true, showRedeem = true, showName = true, showCode = true, showStoreName = true, showValidDate = true, showQrCode = true, showBalanceSymbol = true, showDisabledReason = true, showDiscount = false, discount, showActions, actions, beforeEdit, onBeforeEditAmount, onConfirmEdit, onConfirmEditAmount, onDetail, useExternalDetail = false, originData, style = {}, mode = "multiple", showActiveIcon, enableEditAmount, showStatus, cardStatus, nameTitleStyle, formatBalance, formatBalanceTitle, formatRedeem, formatRedeemTitle, maxRedeem, showHolderName = true, holder, onSetHolder, validDateBySchedule, scheduleList } = props;
 	useEffect(() => {
 		document.body.id = "body";
 	}, []);
@@ -267,7 +267,7 @@ const PisellWalletPassCard = (props) => {
 		active,
 		data: props
 	}) : balanceTitle || getText("pisell-wallet-pass-card-balance"), disabled || isMini ? ": " : "");
-	const createOriginalBalanceDom = () => /* @__PURE__ */ React.createElement(Amount, {
+	const createOriginalBalanceDom = () => formattedBalance !== void 0 ? /* @__PURE__ */ React.createElement("span", { className: "pisell-card-amount-item-value" }, formattedBalance) : /* @__PURE__ */ React.createElement(Amount, {
 		className: "pisell-card-amount-item-value",
 		useThousandsSeparator: true,
 		value: balance,

package/es/components/productCard/cartSkuCard/index.js

@@ -19,6 +19,7 @@ import Promotion from "./components/Promotion/index.js";
 import Gift from "./components/Gift/index.js";
 import BookingItem from "./components/BookingItem/index.js";
 import InlineActions from "./components/inlineActions/index.js";
+import A12 from "./variants/A12/index.js";
 import React, { useMemo, useRef } from "react";
 import { locales } from "@pisell/utils";
 import classNames from "classnames";
@@ -56,12 +57,14 @@ const _excluded = [
 	"rightActionsDisplay",
 	"escapeDom",
 	"maxSpecsCount",
-	"isShowRelatedProduct"
+	"isShowRelatedProduct",
+	"a12Slots",
+	"a12Presentation"
 ];
 const PREFIX = "pisell-cart-sku-card";
 const CartSkuCard = (props) => {
 	var _context$appHelper$ut;
-	const { dataSource = defaultValue.dataSource, isShowImage = defaultValue.isShowImage, isShowQuantityBadge = true, isShowOriginalPrice = defaultValue.isShowOriginalPrice, isShowHolder = defaultValue.isShowHolder, isShowNote = defaultValue.isShowNote, isShowDelete = defaultValue.isShowDelete, isShowInlineDelete = isShowDelete, isShowAmountFooter = defaultValue.isShowAmountFooter, isShowPackageNote = defaultValue.isShowPackageNote, isShowEditProduct = defaultValue.isShowEditProduct, disabledClick = defaultValue.disabledClick, disabledEditClick = defaultValue.disabledEditClick, disabledNoteEdit, externalNoteEditor = false, onEditProduct, onAction, onDelete, onNote, onLike, onCard, onChangeResource, onPromotion, onGift, onChangeHolder, itemType = "product", type, rightActions = [], rightActionsDisplay = "swipe", escapeDom, maxSpecsCount = 1, isShowRelatedProduct = true } = props, other = _objectWithoutProperties(props, _excluded);
+	const { dataSource = defaultValue.dataSource, isShowImage = defaultValue.isShowImage, isShowQuantityBadge = true, isShowOriginalPrice = defaultValue.isShowOriginalPrice, isShowHolder = defaultValue.isShowHolder, isShowNote = defaultValue.isShowNote, isShowDelete = defaultValue.isShowDelete, isShowInlineDelete = isShowDelete, isShowAmountFooter = defaultValue.isShowAmountFooter, isShowPackageNote = defaultValue.isShowPackageNote, isShowEditProduct = defaultValue.isShowEditProduct, disabledClick = defaultValue.disabledClick, disabledEditClick = defaultValue.disabledEditClick, disabledNoteEdit, externalNoteEditor = false, onEditProduct, onAction, onDelete, onNote, onLike, onCard, onChangeResource, onPromotion, onGift, onChangeHolder, itemType = "product", type, rightActions = [], rightActionsDisplay = "swipe", escapeDom, maxSpecsCount = 1, isShowRelatedProduct = true, a12Slots, a12Presentation } = props, other = _objectWithoutProperties(props, _excluded);
 	const useOpenNoteRef = useRef();
 	const context = useEngineContext();
 	locales.init(locales_default, ((_context$appHelper$ut = context.appHelper.utils) === null || _context$appHelper$ut === void 0 || (_context$appHelper$ut = _context$appHelper$ut.storage) === null || _context$appHelper$ut === void 0 ? void 0 : _context$appHelper$ut.get("umi_locale")) || "en");
@@ -219,13 +222,37 @@ const CartSkuCard = (props) => {
 			openNote: openNoteEditor
 		})) : null);
 	};
+	const renderA12 = () => {
+		var _a12Slots$contentFoot;
+		const note = isShowNote ? /* @__PURE__ */ React.createElement(Note, _objectSpread2(_objectSpread2({}, other), {}, {
+			item: dataSource,
+			disabledEdit: disabledNoteEdit !== null && disabledNoteEdit !== void 0 ? disabledNoteEdit : other.disabledEdit,
+			openNote: openNoteEditor
+		})) : null;
+		const slots = note ? _objectSpread2(_objectSpread2({}, a12Slots), {}, { contentFooter: (_a12Slots$contentFoot = a12Slots === null || a12Slots === void 0 ? void 0 : a12Slots.contentFooter) !== null && _a12Slots$contentFoot !== void 0 ? _a12Slots$contentFoot : (() => note) }) : a12Slots;
+		return /* @__PURE__ */ React.createElement(A12, {
+			dataSource,
+			isShowImage,
+			isShowDelete,
+			isShowOriginalPrice,
+			isShowEditProduct,
+			disabled: Boolean(disabledClick),
+			disabledEditClick,
+			slots,
+			presentation: a12Presentation,
+			onDelete,
+			onEditProduct
+		});
+	};
 	const renderContent = () => {
+		if (type === "a12") return renderA12();
 		if (type === "a9") return renderA9();
 		if (type === "a5") return renderA5();
 		return renderA2();
 	};
 	if (dataSource === null || dataSource === void 0 ? void 0 : dataSource.isGift) return null;
 	const content = renderContent();
+	const useIntegratedWrapper = type === "a12" || rightActionsDisplay === "inline";
 	const cardContent = /* @__PURE__ */ React.createElement("div", {
 		className: classNames(PREFIX, `${PREFIX}--${type}`),
 		onClick: (e) => {
@@ -239,7 +266,10 @@ const CartSkuCard = (props) => {
 		isShowRelatedProduct,
 		isShowDelete
 	}, content) : content);
-	return /* @__PURE__ */ React.createElement("div", { className: classNames(`${PREFIX}-wrapper-container`, { [`${PREFIX}-wrapper-container--inline`]: rightActionsDisplay === "inline" }) }, rightActionsDisplay === "inline" ? /* @__PURE__ */ React.createElement("div", { className: classNames(`${PREFIX}-wrapper`, `${PREFIX}-wrapper--inline`) }, cardContent) : /* @__PURE__ */ React.createElement(SwipeAction, {
+	return /* @__PURE__ */ React.createElement("div", { className: classNames(`${PREFIX}-wrapper-container`, {
+		[`${PREFIX}-wrapper-container--inline`]: useIntegratedWrapper,
+		[`${PREFIX}-wrapper-container--a12`]: type === "a12"
+	}) }, useIntegratedWrapper ? /* @__PURE__ */ React.createElement("div", { className: classNames(`${PREFIX}-wrapper`, `${PREFIX}-wrapper--inline`, type === "a12" && `pisell-cart-sku-card-wrapper--a12`) }, cardContent) : /* @__PURE__ */ React.createElement(SwipeAction, {
 		closeOnAction: false,
 		className: classNames(`${PREFIX}-wrapper`),
 		rightActions: _rightActions,

package/es/components/productCard/cartSkuCard/index.less

@@ -3,6 +3,10 @@
     width: 100%;
     min-width: 0;
   }
+
+  &--a12 {
+    container-type: inline-size;
+  }
 }
 
 .pisell-cart-sku-card-wrapper {
@@ -15,6 +19,14 @@
     width: 100%;
     overflow: hidden;
   }
+
+
+  &--a12 {
+    border: 0;
+    border-radius: 18px;
+    background: transparent;
+    overflow: visible;
+  }
 }
 
 .pisell-cart-sku-card__main-row {
@@ -51,6 +63,12 @@
     cursor: pointer;
   }
 
+  &--a12 {
+    display: block;
+    padding: 0;
+    gap: 0;
+  }
+
   &__delete-btn {
     cursor: pointer;
     position: absolute;