@pisell/materials 1.8.31 → 1.8.33

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

@@ -5,7 +5,8 @@ declare const Pagination: (props: PaginationProps) => React.JSX.Element | null;
 export declare const paginationConfig: {
     className: string;
     defaultCurrent: number;
-    showTotal: (total: number, range: [number, number]) => string;
+    /** 无 props 上下文时仅能根据 total + range 近似推算（见 resolveCurrentPage） */
+    showTotal: (totalRecords: number, range: [number, number]) => any;
     responsive: boolean;
     size: string;
 };

package/es/components/Pagination/index.js

@@ -8,7 +8,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 // import { ArrowLeft, ArrowRight } from "@pisell/icon/es";
 import ArrowRight from '@pisell/icon/es/ArrowRight';
 import ArrowLeft from '@pisell/icon/es/ArrowLeft';
@@ -26,16 +26,32 @@ function getPaginationText(key) {
   if (fromUtils !== fullKey) return fromUtils;
   return (_getText = getText(fullKey)) !== null && _getText !== void 0 ? _getText : getText("table-pagination-".concat(key));
 }
+
+/**
+ * antd Pagination 的 showTotal(total, range) 中 range 为本页条目序号区间 [start, end]，
+ * 不是页码。未受控时用 range 与 pageSize 推算当前页。
+ */
+function resolveCurrentPage(props, range, pageSize) {
+  var _props$current;
+  var fromProps = (_props$current = props.current) !== null && _props$current !== void 0 ? _props$current : props.defaultCurrent;
+  if (typeof fromProps === 'number' && fromProps >= 1) {
+    return fromProps;
+  }
+  var start = range[0];
+  if (start == null || start < 1 || pageSize < 1) {
+    return 1;
+  }
+  return Math.floor((start - 1) / pageSize) + 1;
+}
 var Pagination = function Pagination(props) {
   var show = useMemo(function () {
     return Object.keys(props).length;
   }, [props]);
   var isMiniPagination = useIsMobileTable();
-  var effectiveConfig = useMemo(function () {
+  var itemRenderFn = useMemo(function () {
     var prevText = getPaginationText('previous');
     var nextText = getPaginationText('next');
-    var showTotalFn = getPaginationText('showTotal');
-    var itemRenderFn = function itemRenderFn(_, type, originalElement) {
+    return function (_, type, originalElement) {
       if (type === 'prev') {
         return /*#__PURE__*/React.createElement("div", {
           className: classNames('paginator-page-btn', 'left')
@@ -56,20 +72,28 @@ var Pagination = function Pagination(props) {
       }
       return originalElement;
     };
-    var showTotal = typeof showTotalFn === 'function' ? function (total, range) {
-      return showTotalFn(range[0], range[1]);
-    } : function (total, range) {
-      return "Page ".concat(range[0], " of ").concat(range[1]);
-    };
+  }, []);
+  var showTotalDefault = useCallback(function (totalRecords, range) {
+    var _ref, _props$pageSize;
+    var pageSize = (_ref = (_props$pageSize = props.pageSize) !== null && _props$pageSize !== void 0 ? _props$pageSize : props.defaultPageSize) !== null && _ref !== void 0 ? _ref : 10;
+    var currentPage = resolveCurrentPage(props, range, pageSize);
+    var totalPages = totalRecords <= 0 ? 1 : Math.max(1, Math.ceil(totalRecords / pageSize));
+    var showTotalFn = getPaginationText('showTotal');
+    if (typeof showTotalFn === 'function') {
+      return showTotalFn(currentPage, totalPages);
+    }
+    return "Page ".concat(currentPage, " of ").concat(totalPages);
+  }, [props.current, props.defaultCurrent, props.pageSize, props.defaultPageSize]);
+  var effectiveConfig = useMemo(function () {
     return {
       className: 'materials-grid-paginator',
       defaultCurrent: 1,
-      showTotal: showTotal,
+      showTotal: showTotalDefault,
       itemRender: itemRenderFn,
       responsive: true,
       size: 'small'
     };
-  }, []);
+  }, [itemRenderFn, showTotalDefault]);
   var content = useMemo(function () {
     if (!show) {
       return null;
@@ -85,18 +109,28 @@ var Pagination = function Pagination(props) {
 export var paginationConfig = {
   className: 'materials-grid-paginator',
   defaultCurrent: 1,
-  showTotal: function showTotal(total, range) {
-    return "Page ".concat(range[0], " of ").concat(range[1]);
+  /** 无 props 上下文时仅能根据 total + range 近似推算（见 resolveCurrentPage） */
+  showTotal: function showTotal(totalRecords, range) {
+    var pageSize = 10;
+    var currentPage = resolveCurrentPage({
+      pageSize: pageSize
+    }, range, pageSize);
+    var totalPages = totalRecords <= 0 ? 1 : Math.max(1, Math.ceil(totalRecords / pageSize));
+    var fn = getPaginationText('showTotal');
+    if (typeof fn === 'function') {
+      return fn(currentPage, totalPages);
+    }
+    return "Page ".concat(currentPage, " of ").concat(totalPages);
   },
   responsive: true,
   size: 'small'
 };
 export default Pagination;
 var MiniPagination = function MiniPagination(props) {
-  var _props$current = props.current,
-    current = _props$current === void 0 ? 1 : _props$current,
-    _props$pageSize = props.pageSize,
-    pageSize = _props$pageSize === void 0 ? 10 : _props$pageSize,
+  var _props$current2 = props.current,
+    current = _props$current2 === void 0 ? 1 : _props$current2,
+    _props$pageSize2 = props.pageSize,
+    pageSize = _props$pageSize2 === void 0 ? 10 : _props$pageSize2,
     _props$total = props.total,
     total = _props$total === void 0 ? 0 : _props$total;
 
@@ -163,13 +197,13 @@ var MiniPagination = function MiniPagination(props) {
     className: 'paginator-page-btn-right-icon'
   }))));
 };
-export var FormPagination = function FormPagination(_ref) {
-  var _ref$value = _ref.value,
-    value = _ref$value === void 0 ? {} : _ref$value,
-    onChange = _ref.onChange,
-    page = _ref.page,
-    pageSize = _ref.pageSize,
-    other = _objectWithoutProperties(_ref, _excluded);
+export var FormPagination = function FormPagination(_ref2) {
+  var _ref2$value = _ref2.value,
+    value = _ref2$value === void 0 ? {} : _ref2$value,
+    onChange = _ref2.onChange,
+    page = _ref2.page,
+    pageSize = _ref2.pageSize,
+    other = _objectWithoutProperties(_ref2, _excluded);
   var _useState = useState(page || 1),
     _useState2 = _slicedToArray(_useState, 2),
     _p = _useState2[0],

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

@@ -0,0 +1,201 @@
+export interface DataSourceType {
+    key: string;
+    displayName: string;
+    status: string;
+    type: string;
+    isDBInstance: boolean;
+    collections: Collection[];
+}
+export declare type ActionsItem = {
+    method: string;
+    path: string;
+    params: {
+        name: string;
+        value: string;
+    }[];
+    headers: {
+        name: string;
+        value: string;
+    }[];
+    body: Record<string, any>;
+};
+export interface Collection {
+    name: string;
+    title: string;
+    tableName: string;
+    timestamps: boolean;
+    autoGenId: boolean;
+    filterTargetKey: string;
+    fields: Field[];
+    introspected: boolean;
+    unavailableActions: any[];
+    actions: {
+        get: ActionsItem;
+        update: ActionsItem;
+        create: ActionsItem;
+        delete: ActionsItem;
+        list: ActionsItem;
+    };
+}
+interface Field {
+    name: string;
+    type: string;
+    allowNull: boolean;
+    primaryKey: boolean;
+    unique: boolean;
+    autoIncrement: boolean;
+    description?: (null | string)[];
+    possibleTypes?: string[];
+    rawType: string;
+    interface: string;
+    uiSchema: UiSchema;
+    key?: string;
+    collectionName?: string;
+    collectionKey?: any;
+    dataSourceKey?: string;
+    defaultValue?: any;
+}
+interface UiSchema {
+    type?: string;
+    'x-component': string;
+    'x-component-props'?: Xcomponentprops;
+    'x-validator'?: string;
+    title: string;
+    default?: any;
+    enum?: any[];
+}
+interface Xcomponentprops {
+    style?: Style;
+    autoSize?: AutoSize;
+    stringMode?: boolean;
+    step?: string;
+    dateFormat?: string;
+    showTime?: boolean;
+}
+interface AutoSize {
+    minRows: number;
+}
+interface Style {
+    width: string;
+}
+/**
+ * 获取nocobase自定义数据源
+ */
+export declare const getNocobaseDataSource: () => Promise<DataSourceType[]>;
+/**
+ * 获取nocobase主数据源
+ */
+export declare const getNocobaseMainDataSource: () => Promise<any>;
+/**
+ * 获取nocobase数据源设置
+ */
+export declare const getNocobaseDataSourceOptions: () => Promise<any>;
+/**
+ * 创建nocobase数据
+ */
+export declare const createNocobaseData: (params: {
+    key: string;
+    data: any;
+    headers?: any;
+}) => Promise<any>;
+/**
+ * nocobase get数据
+ */
+export declare const getNocobaseData: (params: {
+    key: string;
+    query: Record<string, any>;
+    headers?: any;
+}) => Promise<any>;
+/**
+ * 自定义api接口
+ */
+export declare const customApi: (url: string, data: Record<string, any>, options: {
+    method: 'GET' | 'POST' | 'PUT' | 'DELETE';
+    baseUrl?: string | undefined;
+    headers?: {
+        name: string;
+        value: any;
+    }[] | undefined;
+    params?: {
+        name: string;
+        value: any;
+    }[] | undefined;
+    body?: Record<string, any> | undefined;
+    dataSourceKey?: string | undefined;
+}) => Promise<any>;
+/**
+ * 更新nocobase数据
+ */
+export declare const updateNocobaseData: (params: {
+    key: string;
+    data: any;
+    headers?: any;
+    query?: Record<string, any> | undefined;
+}) => Promise<any>;
+/**
+ * 获取nocobase数据列表
+ */
+export declare const getNocobaseDataList: (allParams: {
+    key: string;
+    params: {
+        page: number;
+        pageSize: number;
+    };
+    headers?: any;
+}) => Promise<any>;
+/**
+ * 删除nocobase数据
+ */
+export declare const deleteNocobaseData: (key: string, id: string, headers?: any) => Promise<any>;
+/**
+ * 获取formSettingMeta数据
+ * @param params 请求参数
+ * @param params.sectionCodes 配置段代码数组，如 ['payment']
+ * @param params.businessCode 业务代码
+ * @param params.channelCode 渠道代码
+ * @param params.isBoard 是否包含board_code参数
+ * @returns Promise<any> 返回设置元数据
+ */
+export declare const getFormSettingMetaData: (params: {
+    sectionCodes: string[];
+    scope: string;
+    target?: string | undefined;
+}) => Promise<any>;
+/**
+ * 更新租户设置数据
+ * @param params 请求参数
+ * @param params.businessCode 业务代码
+ * @param params.channelCode 渠道代码
+ * @param params.boardCode 板块代码
+ * @param params.data 要更新的数据对象，如 {"order.prefix":"","order.suffix":"","payment.number":""}
+ * @returns Promise<any> 返回更新结果
+ */
+export declare const updateTenantSetting: (params: {
+    scope: string;
+    target?: string | undefined;
+    data: Record<string, any>;
+}) => Promise<any>;
+export declare type DeviceSettingScene = 'template' | 'profile' | 'instance';
+/**
+ * 获取设备设置元数据（POST 类型 GET）
+ * @param params.scene 场景，默认 template
+ * @param params.sceneRequestId URL 中 {id} 占位符的实际取值
+ * @param params.items 需要获取的字段列表，例如 ['order.name', 'order.id']
+ */
+export declare const getDeviceSettingMetaData: (params: {
+    scene?: DeviceSettingScene | undefined;
+    sceneRequestId: string;
+    items: string[];
+}) => Promise<any>;
+/**
+ * 更新设备设置数据
+ * @param params.scene 场景，默认 template
+ * @param params.sceneRequestId URL 中 {id} 占位符的实际取值
+ * @param params.data 需要更新的字段值对象
+ */
+export declare const updateDeviceSetting: (params: {
+    scene?: DeviceSettingScene | undefined;
+    sceneRequestId: string;
+    data: Record<string, any>;
+}) => Promise<any>;
+export {};

package/es/components/dataSourceComponents/dataSourceForm/serve.js

@@ -410,7 +410,8 @@ export var getDeviceSettingMetaData = /*#__PURE__*/function () {
           }, {
             headers: {
               'Content-Type': 'application/json'
-            }
+            },
+            isPisell2: true
           }));
         case 7:
         case "end":
@@ -452,7 +453,8 @@ export var updateDeviceSetting = /*#__PURE__*/function () {
           }, {
             headers: {
               'Content-Type': 'application/json'
-            }
+            },
+            isPisell2: true
           }));
         case 7:
         case "end":

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>;
@@ -19,7 +20,7 @@ declare const formFieldMap: {
         Subdomain: import("react").FC<import("antd").InputProps & {
             onChange: (value: string) => void;
             onBlur?: ((e: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-            rootDomain: "custom" | "saas" | "xzero";
+            rootDomain: "custom" | "xzero" | "saas";
             customDomain?: string | undefined;
             value?: string | undefined;
             tenantId: string;
@@ -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,7 +81,7 @@ declare const formFieldMap: {
         extraParams?: Record<string, any> | undefined;
     }) => import("react").JSX.Element;
 };
-declare const getFieldComponent: (fieldComponent: string) => (import("react").FC<import("./Input/type").InputProps> & {
+declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | import("react").FC<import("./DatePicker").DataSourceDatePickerProps> | (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>;
@@ -93,24 +94,24 @@ declare const getFieldComponent: (fieldComponent: string) => (import("react").FC
     Subdomain: import("react").FC<import("antd").InputProps & {
         onChange: (value: string) => void;
         onBlur?: ((e: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-        rootDomain: "custom" | "saas" | "xzero";
+        rootDomain: "custom" | "xzero" | "saas";
         customDomain?: string | undefined;
         value?: string | undefined;
         tenantId: string;
         name?: string | undefined;
         fieldKey?: string | undefined;
     } & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
-}) | import("react").FC<any> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<{}> & {
+}) | (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("./DatePicker").DataSourceDatePickerProps> | (import("react").FC<{}> & {
+}) | 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;
@@ -119,9 +120,9 @@ declare const getFieldComponent: (fieldComponent: string) => (import("react").FC
     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("./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("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & 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("../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("./Checkbox/type").CheckboxGroupProps & 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/dataSourceComponents/hooks/useActions.d.ts

@@ -0,0 +1,18 @@
+import { DataSourceType } from '../provider/dataSource/DataSourceContext';
+export interface UseActionsParams {
+    dataSource?: DataSourceType;
+    currentValue?: 'server' | 'local';
+    __designMode?: string;
+    extraParams?: Record<string, any>;
+}
+declare const useActions: ({ dataSource: propsDataSource, currentValue: propsCurrentValue, __designMode, extraParams: propsExtraParams, }?: UseActionsParams) => {
+    create: (this: unknown, values: Record<string, any>) => Promise<any>;
+    get: (this: unknown) => Promise<any>;
+    update: (this: unknown, values: Record<string, any>) => Promise<any>;
+    list: (this: unknown, params: {
+        page: number;
+        pageSize: number;
+    }) => Promise<any>;
+    destroy: (this: unknown, id: string) => Promise<any>;
+};
+export default useActions;

package/es/components/pisellFloorMapLayout/PisellFloorMapLayout.js

@@ -70,6 +70,7 @@ function PisellFloorMapLayoutInner(props, ref) {
     controls = _p$controls === void 0 ? {} : _p$controls,
     _p$enableHover = p.enableHover,
     enableHover = _p$enableHover === void 0 ? true : _p$enableHover,
+    readModeSelectedItemId = p.readModeSelectedItemId,
     onItemClick = p.onItemClick,
     onItemHover = p.onItemHover,
     onItemLeave = p.onItemLeave,
@@ -797,7 +798,8 @@ function PisellFloorMapLayoutInner(props, ref) {
       onItemHover: onItemHover,
       onItemLeave: onItemLeave,
       getMergedItemWrapperStyle: getMergedItemWrapperStyle,
-      onInteractionChange: setIsInteractingWithElement
+      onInteractionChange: setIsInteractingWithElement,
+      readModeSelectedItemId: readModeSelectedItemId
     }), isFloorMapView && mode === 'edit' && (placeMode === null || placeMode === void 0 ? void 0 : placeMode.type) === 'scene' && /*#__PURE__*/React.createElement("div", {
       className: placeOverlayClass,
       style: {

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

@@ -42,6 +42,10 @@ export interface ItemLayerProps<T extends FloorMapItemBase> {
     onItemLeave?: (item: T, index: number, e: React.MouseEvent<HTMLElement>) => void;
     /** 每项外层容器额外样式（与定位样式合并） */
     getMergedItemWrapperStyle?: (item: T, index: number) => CSSProperties | undefined;
+    /**
+     * 阅读态：与 {@link rowKey} 解析 id 相等的图元加选中外圈（如详情 Modal 打开时）。
+     */
+    readModeSelectedItemId?: string | null;
     /**
      * 与编辑态一致：在含 `data-pisell-floor-room-scroll-surface` 的区域内按下时置 true，
      * 用于禁用 Transform 画布平移，避免图元内纵向滑动拖动画布。

package/es/components/pisellFloorMapLayout/components/ItemLayer.js

@@ -21,6 +21,9 @@ var PREFIX = 'pisell-floor-map-layout';
 
 /** 图元内可滚动区标记（如预约房间卡 body / multi-list），与 private-materials 约定一致 */
 var ROOM_SCROLL_SURFACE_SELECTOR = '[data-pisell-floor-room-scroll-surface]';
+
+/** 与 EditableItemLayer `SELECTED_ITEM_STACK_Z` 一致：阅读态选中时抬升，避免邻桌图形盖住描边 */
+var READ_MODE_SELECTED_STACK_Z = 1000000;
 function getItemKey(item, index, rowKey) {
   var _rowKey;
   if (!rowKey) return item.id;
@@ -73,6 +76,7 @@ export function ItemLayer(props) {
     onItemLeave = props.onItemLeave,
     getMergedItemWrapperStyle = props.getMergedItemWrapperStyle,
     onInteractionChange = props.onInteractionChange,
+    readModeSelectedItemId = props.readModeSelectedItemId,
     className = props.className;
 
   /** 触控/指针在房间卡滚动区内按下时禁用画布 pan，松手恢复 */
@@ -137,7 +141,7 @@ export function ItemLayer(props) {
       return ((_a$zIndex = a.zIndex) !== null && _a$zIndex !== void 0 ? _a$zIndex : 0) - ((_b$zIndex = b.zIndex) !== null && _b$zIndex !== void 0 ? _b$zIndex : 0);
     });
     return sorted.map(function (item, index) {
-      var _item$zIndex;
+      var _item$zIndex, _item$zIndex2;
       var left;
       var top;
       var width;
@@ -159,9 +163,10 @@ export function ItemLayer(props) {
       }
       var key = getItemKey(item, index, rowKey);
       var shapeStyle = getShapeStyle(item.shape);
+      var selectedRead = readModeSelectedItemId != null && String(readModeSelectedItemId).trim() !== '' && key === String(readModeSelectedItemId);
       return /*#__PURE__*/React.createElement("div", {
         key: key,
-        className: classNames("".concat(PREFIX, "-item"), _defineProperty(_defineProperty({}, "".concat(PREFIX, "-item-hoverable"), enableHover), "".concat(PREFIX, "-item-hover-outline"), enableHover && itemHoverOutline)),
+        className: classNames("".concat(PREFIX, "-item"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(PREFIX, "-item-hoverable"), enableHover), "".concat(PREFIX, "-item-hover-outline"), enableHover && itemHoverOutline), "".concat(PREFIX, "-item-read-selected"), selectedRead)),
         style: _objectSpread(_objectSpread({
           position: 'absolute',
           left: left,
@@ -169,7 +174,7 @@ export function ItemLayer(props) {
           width: width,
           height: height,
           boxSizing: 'border-box',
-          zIndex: (_item$zIndex = item.zIndex) !== null && _item$zIndex !== void 0 ? _item$zIndex : 0
+          zIndex: selectedRead ? READ_MODE_SELECTED_STACK_Z + ((_item$zIndex = item.zIndex) !== null && _item$zIndex !== void 0 ? _item$zIndex : 0) : (_item$zIndex2 = item.zIndex) !== null && _item$zIndex2 !== void 0 ? _item$zIndex2 : 0
         }, shapeStyle), getMergedItemWrapperStyle === null || getMergedItemWrapperStyle === void 0 ? void 0 : getMergedItemWrapperStyle(item, index)),
         onClick: function onClick(e) {
           return onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item, index, e);
@@ -184,7 +189,7 @@ export function ItemLayer(props) {
         onTouchStartCapture: handleItemTouchStartCapture
       }, renderItem(item, index));
     });
-  }, [items, renderItem, rowKey, cellSize, itemUnit, itemGap, enableHover, itemHoverOutline, onItemClick, onItemHover, onItemLeave, getMergedItemWrapperStyle, handleItemPointerDownCapture, handleItemTouchStartCapture]);
+  }, [items, renderItem, rowKey, cellSize, itemUnit, itemGap, enableHover, itemHoverOutline, onItemClick, onItemHover, onItemLeave, getMergedItemWrapperStyle, handleItemPointerDownCapture, handleItemTouchStartCapture, readModeSelectedItemId]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(PREFIX, "-item-layer"), className),
     style: {

package/es/components/pisellFloorMapLayout/components/ItemLayer.less

@@ -13,10 +13,17 @@
 
   /** hover 描边与编辑态选中一致（见 EditableItemLayer：`pisell-floor-map-layout-editable-item-selected`） */
 
-  &-hoverable&-hover-outline:hover {
+  // &-hoverable&-hover-outline:hover {
+  //   outline: 3px solid var(--fmap-primary, #1677ff);
+  //   outline-offset: 0;
+  //   box-shadow: 0 0 0 1px rgba(22, 119, 255, 0.25);
+  //   z-index: 1;
+  // }
+
+  /** 阅读态：详情弹层等打开时由业务传入 `readModeSelectedItemId`，与编辑态选中描边一致 */
+  &-read-selected {
     outline: 3px solid var(--fmap-primary, #1677ff);
     outline-offset: 0;
     box-shadow: 0 0 0 1px rgba(22, 119, 255, 0.25);
-    z-index: 1;
   }
 }