@pisell/materials 1.0.1062 → 1.0.1064

package/lib/components/pisellTimeNavigator/components/CursorLayer.d.ts

@@ -11,10 +11,16 @@ export interface CursorLayerProps {
     fixedCenter?: boolean;
     style?: React.CSSProperties;
     className?: string;
+    /** cursor-moves：允许拖指针改时间 */
+    dragInteractive?: boolean;
+    onDragPointerDown?: React.PointerEventHandler<HTMLDivElement>;
+    onDragPointerMove?: React.PointerEventHandler<HTMLDivElement>;
+    onDragPointerUp?: React.PointerEventHandler<HTMLDivElement>;
+    onDragPointerCancel?: React.PointerEventHandler<HTMLDivElement>;
 }
 /**
  * 时间指示器层：竖线/横线 + 时间气泡
  * 对齐基准为内部的竖线/横线，不是整块（气泡）的边或中心。
  * 横向：竖线 3px；竖向：横线 2px。Realtime 态 #FF692E，浏览态 #344054
  */
-export declare function CursorLayer({ orientation, value, timeFormat, locale, isRealtime, offsetPx, fixedCenter, style, className, }: CursorLayerProps): JSX.Element | null;
+export declare function CursorLayer({ orientation, value, timeFormat, locale, isRealtime, offsetPx, fixedCenter, style, className, dragInteractive, onDragPointerDown, onDragPointerMove, onDragPointerUp, onDragPointerCancel, }: CursorLayerProps): JSX.Element | null;

package/lib/components/pisellTimeNavigator/components/CursorLayer.js

@@ -45,12 +45,28 @@ function CursorLayer({
   offsetPx,
   fixedCenter,
   style,
-  className
+  className,
+  dragInteractive,
+  onDragPointerDown,
+  onDragPointerMove,
+  onDragPointerUp,
+  onDragPointerCancel
 }) {
   if (value == null) return null;
   const label = locale ? value.locale(locale).format(timeFormat) : value.format(timeFormat);
   const isHorizontal = orientation === "horizontal";
   const lineOffset = offsetPx - (isHorizontal ? CURSOR_LINE_WIDTH_H / 2 : CURSOR_LINE_HEIGHT_V / 2);
+  const positionStyle = fixedCenter ? style ?? {} : dragInteractive && isHorizontal ? {
+    ...style,
+    left: offsetPx,
+    transform: "translateX(-50%)",
+    width: 36
+  } : dragInteractive && !isHorizontal ? {
+    ...style,
+    top: offsetPx,
+    transform: "translateX(-50%) translateY(-50%)",
+    height: 40
+  } : { ...style, [isHorizontal ? "left" : "top"]: lineOffset };
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -59,10 +75,15 @@ function CursorLayer({
         `pisell-time-navigator-cursor--${orientation}`,
         { "pisell-time-navigator-cursor--realtime": isRealtime },
         { "pisell-time-navigator-cursor--fixed": fixedCenter },
+        { "pisell-time-navigator-cursor--draggable": dragInteractive },
         className
       ),
-      style: fixedCenter ? style : { ...style, [isHorizontal ? "left" : "top"]: lineOffset },
-      "aria-hidden": true
+      style: positionStyle,
+      "aria-hidden": true,
+      onPointerDown: dragInteractive ? onDragPointerDown : void 0,
+      onPointerMove: dragInteractive ? onDragPointerMove : void 0,
+      onPointerUp: dragInteractive ? onDragPointerUp : void 0,
+      onPointerCancel: dragInteractive ? onDragPointerCancel : void 0
     },
     /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-time-navigator-cursor-line" }),
     /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-time-navigator-cursor-bubble" }, label)

package/lib/components/pisellTimeNavigator/components/GestureLayer.d.ts

@@ -23,9 +23,11 @@ export interface GestureLayerProps {
     onPointerMove?: React.PointerEventHandler;
     onPointerUp?: React.PointerEventHandler;
     onPointerLeave?: React.PointerEventHandler;
+    /** 轴上任意指针按下（含惯性拖轴） */
+    onUserInteraction?: () => void;
     children: React.ReactNode;
 }
 /**
  * 交互层：点击刻度跳转、键盘左右/上下 + 回车
  */
-export declare function GestureLayer({ orientation, cellSizePx, axisStartMarginPx, offsetToTime, onSelectTime, isInDisabledRanges, snapToStep, stepMinutes, snapFn, scrollPosition, viewportSize, onPointerDown, onPointerMove, onPointerUp, onPointerLeave, children, }: GestureLayerProps): JSX.Element;
+export declare function GestureLayer({ orientation, cellSizePx, axisStartMarginPx, offsetToTime, onSelectTime, isInDisabledRanges, snapToStep, stepMinutes, snapFn, scrollPosition, viewportSize, onPointerDown, onPointerMove, onPointerUp, onPointerLeave, onUserInteraction, children, }: GestureLayerProps): JSX.Element;

package/lib/components/pisellTimeNavigator/components/GestureLayer.js

@@ -49,11 +49,13 @@ function GestureLayer({
   onPointerMove,
   onPointerUp,
   onPointerLeave,
+  onUserInteraction,
   children
 }) {
   const isHorizontal = orientation === "horizontal";
   const handleClick = (0, import_react.useCallback)(
     (e) => {
+      onUserInteraction == null ? void 0 : onUserInteraction();
       const viewport = e.currentTarget.parentElement;
       if (!viewport) return;
       const vRect = viewport.getBoundingClientRect();
@@ -73,7 +75,8 @@ function GestureLayer({
       onSelectTime,
       isInDisabledRanges,
       snapToStep,
-      snapFn
+      snapFn,
+      onUserInteraction
     ]
   );
   const handleKeyDown = (0, import_react.useCallback)(
@@ -84,7 +87,10 @@ function GestureLayer({
       if (currentTime == null) return;
       if (e.key === "Enter") {
         const candidate = snapToStep ? snapFn(currentTime) : currentTime;
-        if (!isInDisabledRanges(candidate)) onSelectTime(candidate);
+        if (!isInDisabledRanges(candidate)) {
+          onUserInteraction == null ? void 0 : onUserInteraction();
+          onSelectTime(candidate);
+        }
         e.preventDefault();
         return;
       }
@@ -101,7 +107,10 @@ function GestureLayer({
       }
       e.preventDefault();
       const snapped = snapToStep ? snapFn(next) : next;
-      if (!isInDisabledRanges(snapped)) onSelectTime(snapped);
+      if (!isInDisabledRanges(snapped)) {
+        onUserInteraction == null ? void 0 : onUserInteraction();
+        onSelectTime(snapped);
+      }
     },
     [
       orientation,
@@ -115,17 +124,19 @@ function GestureLayer({
       scrollPosition.scrollLeft,
       scrollPosition.scrollTop,
       viewportSize.w,
-      viewportSize.h
+      viewportSize.h,
+      onUserInteraction
     ]
   );
   const handlePointerDown = (0, import_react.useCallback)(
     (e) => {
+      onUserInteraction == null ? void 0 : onUserInteraction();
       if (onPointerDown) {
         e.currentTarget.setPointerCapture(e.pointerId);
         onPointerDown(e);
       }
     },
-    [onPointerDown]
+    [onPointerDown, onUserInteraction]
   );
   const handlePointerUp = (0, import_react.useCallback)(
     (e) => {

package/lib/components/pisellTimeNavigator/components/ScaleLayer.d.ts

@@ -9,9 +9,14 @@ export interface ScaleLayerProps {
     locale?: string;
     style?: React.CSSProperties;
     className?: string;
+    /**
+     * 横向每格宽度（px），须与 useTimeAxis 的 cellSizePx 一致；
+     * 不传时样式表默认 82（axis-moves）；cursor-moves 压缩比例时必传
+     */
+    horizontalCellSizePx?: number;
 }
 /**
  * 刻度层：渲染时间刻度与标签
  * 横向：整点数字 + 小圆点；竖向：整点/半点数字 + 分割线
  */
-export declare function ScaleLayer({ orientation, ticks, stepMinutes, majorStepMinutes, timeFormat, locale, style, className, }: ScaleLayerProps): JSX.Element;
+export declare function ScaleLayer({ orientation, ticks, stepMinutes, majorStepMinutes, timeFormat, locale, style, className, horizontalCellSizePx, }: ScaleLayerProps): JSX.Element;

package/lib/components/pisellTimeNavigator/components/ScaleLayer.js

@@ -42,7 +42,8 @@ function ScaleLayer({
   timeFormat,
   locale,
   style,
-  className
+  className,
+  horizontalCellSizePx
 }) {
   const isHorizontal = orientation === "horizontal";
   return /* @__PURE__ */ import_react.default.createElement(
@@ -59,6 +60,8 @@ function ScaleLayer({
       const isMajor = tick.minute() % majorStepMinutes === 0;
       const label = isHorizontal && isMajor ? locale ? tick.locale(locale).format("H") : tick.format("H") : locale ? tick.locale(locale).format(timeFormat) : tick.format(timeFormat);
       if (isHorizontal) {
+        const cw = horizontalCellSizePx != null && horizontalCellSizePx > 0 ? horizontalCellSizePx : void 0;
+        const compactPad = cw != null ? cw < 36 ? 2 : cw < 52 ? 6 : 10 : void 0;
         return /* @__PURE__ */ import_react.default.createElement(
           "div",
           {
@@ -67,9 +70,27 @@ function ScaleLayer({
               "pisell-time-navigator-scale-cell",
               "pisell-time-navigator-scale-cell--h",
               { "pisell-time-navigator-scale-cell--major": isMajor }
-            )
+            ),
+            style: cw != null ? {
+              width: cw,
+              minWidth: cw,
+              maxWidth: cw,
+              flex: "0 0 auto",
+              boxSizing: "border-box",
+              ...compactPad != null ? { padding: compactPad } : {}
+            } : void 0
           },
-          isMajor && /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-time-navigator-scale-label" }, label),
+          isMajor && /* @__PURE__ */ import_react.default.createElement(
+            "span",
+            {
+              className: "pisell-time-navigator-scale-label",
+              style: cw != null && cw < 48 ? {
+                fontSize: Math.max(10, Math.round(cw * 0.32)),
+                lineHeight: 1.15
+              } : void 0
+            },
+            label
+          ),
           !isMajor && /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-time-navigator-scale-dot", "aria-hidden": true })
         );
       }

package/lib/components/pisellTimeNavigator/types.d.ts

@@ -142,6 +142,17 @@ export interface PisellTimeNavigatorProps {
      * 自定义 Now 按钮内容（覆盖默认文案与图标时使用）
      */
     renderNowButton?: () => ReactNode;
+    /**
+     * 横向轴上与刻度槽位数一致的密度序列（任意正数，内部按最大值归一化折线高度）
+     */
+    densitySeries?: number[];
+    /**
+     * 未传 `densitySeries` 时按 `referenceDate` 拉取；日历日变更会重新请求，过期响应丢弃
+     */
+    loadDensity?: (params: {
+        referenceDate: Dayjs;
+        stepMinutes: number;
+    }) => Promise<number[]>;
     /**
      * 用户开始操作时间轴（拖轴、点刻度、键盘、拖指针等）时回调；用于上层关闭「跟随当前」等。
      */

package/lib/index.d.ts

@@ -129,7 +129,7 @@ export { default as PisellRow } from './components/pisellRow';
 export { default as Div } from './components/div';
 export { default as PisellBasicGrid } from './components/PisellBasicGrid';
 export { default as PisellScrollView } from './components/PisellScrollView';
-export { PisellFloorMapLayout, FloorMapLayoutProvider, useFloorMapLayoutContext, EMPTY_FLOOR_MAP_LAYOUT_CONTEXT, mergeFloorMapLayoutPropsFromContext, getFigmaTableCardFromMerged, renderFigmaStyleTableCard, renderFigmaStyleRoundTableCard, getRenderItemByKindTable, getRenderItemByKindRoundTable, } from './components/pisellFloorMapLayout';
+export { PisellFloorMapLayout, FloorMapLayoutProvider, useFloorMapLayoutContext, EMPTY_FLOOR_MAP_LAYOUT_CONTEXT, mergeFloorMapLayoutPropsFromContext, getFigmaTableCardFromMerged, renderFigmaStyleTableCard, renderFigmaStyleRoundTableCard, getRenderItemByKindTable, getRenderItemByKindRoundTable, FloorMapImageElement, FLOOR_MAP_IMAGE_ELEMENT_KIND, renderFloorMapFallbackPlaceholder, isFloorMapImageElementKind, } from './components/pisellFloorMapLayout';
 export type { FloorMapViewConfig, FloorMapSceneElement, FloorMapCanvasNameI18n, FloorMapMergedItem, FloorMapDataSources, FloorMapItemBase, FloorMapRenderOptions, } from './components/pisellFloorMapLayout';
 /** PisellLayouts 命名空间另含 PisellFloorMapLayoutProps 等；平面图场景细粒度类型见上方 */
 export { default as PisellViewGrid } from './components/pisellViewGrid';

package/lib/index.js

@@ -76,7 +76,9 @@ __export(src_exports, {
   Dropdown: () => import_dropdown.default,
   EMPTY_FLOOR_MAP_LAYOUT_CONTEXT: () => import_pisellFloorMapLayout.EMPTY_FLOOR_MAP_LAYOUT_CONTEXT,
   Empty: () => import_antd.Empty,
+  FLOOR_MAP_IMAGE_ELEMENT_KIND: () => import_pisellFloorMapLayout.FLOOR_MAP_IMAGE_ELEMENT_KIND,
   Filter: () => import_filter.default,
+  FloorMapImageElement: () => import_pisellFloorMapLayout.FloorMapImageElement,
   FloorMapLayoutProvider: () => import_pisellFloorMapLayout.FloorMapLayoutProvider,
   Form: () => import_form.default,
   FormGroup: () => import_group.default,
@@ -267,6 +269,7 @@ __export(src_exports, {
   getRenderItemByKindRoundTable: () => import_pisellFloorMapLayout.getRenderItemByKindRoundTable,
   getRenderItemByKindTable: () => import_pisellFloorMapLayout.getRenderItemByKindTable,
   globalConfig: () => import_context.globalConfig,
+  isFloorMapImageElementKind: () => import_pisellFloorMapLayout.isFloorMapImageElementKind,
   loginAndRegister: () => import_login_and_register.default,
   mergeFloorMapLayoutPropsFromContext: () => import_pisellFloorMapLayout.mergeFloorMapLayoutPropsFromContext,
   message: () => import_antd.message,
@@ -274,6 +277,7 @@ __export(src_exports, {
   pisellTimeNavigatorLocales: () => import_pisellTimeNavigator2.pisellTimeNavigatorLocales,
   renderFigmaStyleRoundTableCard: () => import_pisellFloorMapLayout.renderFigmaStyleRoundTableCard,
   renderFigmaStyleTableCard: () => import_pisellFloorMapLayout.renderFigmaStyleTableCard,
+  renderFloorMapFallbackPlaceholder: () => import_pisellFloorMapLayout.renderFloorMapFallbackPlaceholder,
   useFloorMapLayoutContext: () => import_pisellFloorMapLayout.useFloorMapLayoutContext,
   usePisellConfig: () => import_usePisellConfig.default,
   useRecordBoardContext: () => import_pisellRecordBoard.useRecordBoardContext,
@@ -532,7 +536,9 @@ var import_usePisellConfig = __toESM(require("./components/pisell-config-provide
   Dropdown,
   EMPTY_FLOOR_MAP_LAYOUT_CONTEXT,
   Empty,
+  FLOOR_MAP_IMAGE_ELEMENT_KIND,
   Filter,
+  FloorMapImageElement,
   FloorMapLayoutProvider,
   Form,
   FormGroup,
@@ -723,6 +729,7 @@ var import_usePisellConfig = __toESM(require("./components/pisell-config-provide
   getRenderItemByKindRoundTable,
   getRenderItemByKindTable,
   globalConfig,
+  isFloorMapImageElementKind,
   loginAndRegister,
   mergeFloorMapLayoutPropsFromContext,
   message,
@@ -730,6 +737,7 @@ var import_usePisellConfig = __toESM(require("./components/pisell-config-provide
   pisellTimeNavigatorLocales,
   renderFigmaStyleRoundTableCard,
   renderFigmaStyleTableCard,
+  renderFloorMapFallbackPlaceholder,
   useFloorMapLayoutContext,
   usePisellConfig,
   useRecordBoardContext,

package/lowcode/floor-map-image-element/meta.ts

@@ -0,0 +1,113 @@
+
+import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
+
+const FloorMapImageElementMeta: ComponentMetadata = {
+  "componentName": "FloorMapImageElement",
+  "title": "FloorMapImageElement",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    "package": "@pisell/materials",
+    "version": "1.0.1063",
+    "exportName": "FloorMapImageElement",
+    "main": "src\\index.tsx",
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    "props": [
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "imageUrl",
+            "zh-CN": "imageUrl"
+          }
+        },
+        "name": "imageUrl",
+        "setter": {
+          "componentName": "MixedSetter",
+          "props": {
+            "setters": [
+              {
+                "componentName": "ObjectSetter",
+                "props": {
+                  "config": {
+                    "extraSetter": {
+                      "componentName": "MixedSetter",
+                      "isRequired": false,
+                      "props": {}
+                    }
+                  }
+                },
+                "isRequired": false,
+                "initialValue": {}
+              },
+              {
+                "componentName": "StringSetter",
+                "isRequired": false,
+                "initialValue": ""
+              }
+            ]
+          }
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "name",
+            "zh-CN": "name"
+          }
+        },
+        "name": "name",
+        "setter": {
+          "componentName": "MixedSetter",
+          "props": {
+            "setters": [
+              {
+                "componentName": "ObjectSetter",
+                "props": {
+                  "config": {
+                    "extraSetter": {
+                      "componentName": "MixedSetter",
+                      "isRequired": false,
+                      "props": {}
+                    }
+                  }
+                },
+                "isRequired": false,
+                "initialValue": {}
+              },
+              {
+                "componentName": "StringSetter",
+                "isRequired": false,
+                "initialValue": ""
+              }
+            ]
+          }
+        }
+      }
+    ],
+    "supports": {
+      "style": true
+    },
+    "component": {}
+  }
+};
+const snippets: Snippet[] = [
+  {
+    "title": "FloorMapImageElement",
+    "screenshot": "",
+    "schema": {
+      "componentName": "FloorMapImageElement",
+      "props": {}
+    }
+  }
+];
+
+export default {
+  ...FloorMapImageElementMeta,
+  snippets
+};

package/lowcode/floor-map-layout-provider/meta.ts

@@ -9,7 +9,7 @@ const FloorMapLayoutProviderMeta: ComponentMetadata = {
   "devMode": "proCode",
   "npm": {
     "package": "@pisell/materials",
-    "version": "1.0.1060",
+    "version": "1.0.1063",
     "exportName": "FloorMapLayoutProvider",
     "main": "src\\index.tsx",
     "destructuring": true,

package/lowcode/pisell-floor-map-layout/meta.ts

@@ -9,7 +9,7 @@ const PisellFloorMapLayoutMeta: ComponentMetadata = {
   "devMode": "proCode",
   "npm": {
     "package": "@pisell/materials",
-    "version": "1.0.1060",
+    "version": "1.0.1063",
     "exportName": "PisellFloorMapLayout",
     "main": "src\\index.tsx",
     "destructuring": true,
@@ -1473,6 +1473,42 @@ const PisellFloorMapLayoutMeta: ComponentMetadata = {
                             ]
                           }
                         }
+                      },
+                      {
+                        "title": {
+                          "label": {
+                            "type": "i18n",
+                            "en-US": "showGridToggle",
+                            "zh-CN": "showGridToggle"
+                          }
+                        },
+                        "name": "showGridToggle",
+                        "setter": {
+                          "componentName": "MixedSetter",
+                          "props": {
+                            "setters": [
+                              {
+                                "componentName": "ObjectSetter",
+                                "props": {
+                                  "config": {
+                                    "extraSetter": {
+                                      "componentName": "MixedSetter",
+                                      "isRequired": false,
+                                      "props": {}
+                                    }
+                                  }
+                                },
+                                "isRequired": false,
+                                "initialValue": {}
+                              },
+                              {
+                                "componentName": "BoolSetter",
+                                "isRequired": false,
+                                "initialValue": false
+                              }
+                            ]
+                          }
+                        }
                       }
                     ],
                     "extraSetter": {

package/lowcode/render-figma-style-round-table-card/meta.ts

@@ -9,7 +9,7 @@ const renderFigmaStyleRoundTableCardMeta: ComponentMetadata = {
   "devMode": "proCode",
   "npm": {
     "package": "@pisell/materials",
-    "version": "1.0.1060",
+    "version": "1.0.1063",
     "exportName": "renderFigmaStyleRoundTableCard",
     "main": "src\\index.tsx",
     "destructuring": true,

package/lowcode/render-figma-style-table-card/meta.ts

@@ -9,7 +9,7 @@ const renderFigmaStyleTableCardMeta: ComponentMetadata = {
   "devMode": "proCode",
   "npm": {
     "package": "@pisell/materials",
-    "version": "1.0.1060",
+    "version": "1.0.1063",
     "exportName": "renderFigmaStyleTableCard",
     "main": "src\\index.tsx",
     "destructuring": true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.1062",
+  "version": "1.0.1064",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -90,9 +90,9 @@
     "swiper": "^8.4.7",
     "antd-mobile": "^5.38.1",
     "vod-js-sdk-v6": "^1.4.11",
+    "@pisell/date-picker": "1.0.141",
     "@pisell/icon": "0.0.10",
-    "@pisell/utils": "1.0.66",
-    "@pisell/date-picker": "1.0.139"
+    "@pisell/utils": "1.0.68"
   },
   "peerDependencies": {
     "react": "^18.0.0",