@pisell/materials 3.3.93 → 3.3.95

package/lib/components/PisellProcedure/PisellProcedure.stories.d.ts

@@ -0,0 +1,163 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import PisellProcedure from './PisellProcedure';
+/**
+ * PisellProcedure 流程容器组件
+ *
+ * 用于管理多步骤流程的复合容器组件，基于 PisellLayout 实现三段式布局
+ * 包含头部区域（步骤条）、主体区域（内容区+信息区）、底部区域（操作按钮）
+ */
+declare const meta: Meta<typeof PisellProcedure>;
+export default meta;
+declare type Story = StoryObj<typeof PisellProcedure>;
+/**
+ * 基础用法
+ * @description 默认流程容器，包含头部、主体、底部三个区域
+ */
+export declare const Default: Story;
+/**
+ * 页面模式
+ * @description 默认模式，支持响应式和移动端适配
+ */
+export declare const PageMode: Story;
+/**
+ * 弹窗模式
+ * @description 用于弹窗场景，不应用移动端适配
+ */
+export declare const ModalMode: Story;
+/**
+ * 步骤控制
+ * @description 使用 onStepsChange 监听步骤变化
+ */
+export declare const StepControl: Story;
+/**
+ * 步骤拦截
+ * @description 通过 onNext/onPrev 返回 false 阻止步骤切换
+ */
+export declare const StepIntercept: Story;
+/**
+ * 无侧边栏
+ */
+export declare const WithoutSidebar: Story;
+/**
+ * 无头部
+ */
+export declare const WithoutHeader: Story;
+/**
+ * 无底部
+ */
+export declare const WithoutFooter: Story;
+/**
+ * 最小配置
+ * @description 仅显示主体内容
+ */
+export declare const MinimalConfig: Story;
+/**
+ * 头部插槽顺序 - 默认
+ * @description left 在左，right 在右
+ */
+export declare const HeaderSlotDefault: Story;
+/**
+ * 头部插槽顺序 - 反转
+ * @description left 在右，right 在左
+ */
+export declare const HeaderSlotReverse: Story;
+/**
+ * 隐藏步骤条
+ * @description 仅显示头部插槽，不显示步骤条
+ */
+export declare const HideSteps: Story;
+/**
+ * 第一步显示返回按钮
+ * @description 通过 showBackOnFirstStep 控制
+ */
+export declare const ShowBackOnFirstStep: Story;
+/**
+ * 返回确认弹窗
+ * @description 点击返回时弹出确认弹窗
+ */
+export declare const BackConfirmModal: Story;
+/**
+ * 关闭确认弹窗
+ * @description 点击关闭时弹出确认弹窗
+ */
+export declare const CloseConfirmModal: Story;
+/**
+ * 主体布局 - 比例布局
+ * @description 使用比例分配内容区和侧边栏宽度
+ */
+export declare const BodyRatioLayout: Story;
+/**
+ * 主体布局 - 固定宽度
+ * @description 侧边栏使用固定宽度
+ */
+export declare const BodyFixedLayout: Story;
+/**
+ * 主体布局 - 垂直布局
+ * @description 内容区和侧边栏上下排列
+ */
+export declare const BodyVerticalLayout: Story;
+/**
+ * 主体布局 - 内容顺序反转
+ * @description 侧边栏在左/上，内容区在右/下
+ */
+export declare const BodyContentOrderReverse: Story;
+/**
+ * 底部位置 - 悬浮在侧边栏
+ * @description 默认位置，底部悬浮在侧边栏区域
+ */
+export declare const FooterFloatSidebar: Story;
+/**
+ * 底部位置 - 固定在整体底部
+ */
+export declare const FooterFixedBottom: Story;
+/**
+ * 底部位置 - 悬浮在整体区域
+ * @description 移动端默认使用此模式
+ */
+export declare const FooterFloatAll: Story;
+/**
+ * 底部位置 - 悬浮在内容区
+ */
+export declare const FooterFloatContent: Story;
+/**
+ * 底部位置 - 内嵌在内容区底部
+ */
+export declare const FooterFixedContentBottom: Story;
+/**
+ * 底部位置 - 内嵌在侧边栏底部
+ */
+export declare const FooterFixedSidebarBottom: Story;
+/**
+ * 移动端总结按钮
+ * @description 移动端显示总结按钮，点击可查看侧边栏内容
+ */
+export declare const MobileSummaryButton: Story;
+/**
+ * 溢出收纳功能
+ * @description 当宽度不足时，按钮会被收纳到 More 菜单中
+ */
+export declare const OverflowActions: Story;
+/**
+ * 禁用溢出收纳
+ * @description 不启用溢出收纳，按钮会换行显示
+ */
+export declare const DisableOverflow: Story;
+/**
+ * 完整示例 - 购物流程
+ * @description 模拟真实的购物流程
+ */
+export declare const ShoppingFlow: Story;
+/**
+ * 完整示例 - 注册流程
+ * @description 模拟用户注册流程
+ */
+export declare const RegistrationFlow: Story;
+/**
+ * 完整示例 - 表单向导
+ * @description 多步表单向导
+ */
+export declare const FormWizard: Story;
+/**
+ * 交互测试 - 组件渲染
+ */
+export declare const InteractionTest: Story;

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

@@ -0,0 +1,5 @@
+/**
+ * PisellProcedure 组件导出
+ */
+export { default } from './PisellProcedure';
+export type { PisellProcedureProps, PisellProcedureRef, ProcedureHeaderProps, ProcedureBodyProps, ProcedureFooterProps, FooterPositionMode, BackConfirmModalConfig, BodyLayoutMode, BodyLayoutRatio, BodyDirection, StepItem, StepChangeResult, } from './types';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ColorPickerProps } from 'antd';
 declare const ColorPicker: (props: ColorPickerProps) => JSX.Element;
 export default ColorPicker;

package/lib/components/dataSourceComponents/dataSourceForm/BaseForm.js

@@ -49,7 +49,7 @@ var import_index = require("./index.less");
 var import_utils2 = require("@pisell/utils");
 var BaseForm = (0, import_react.forwardRef)(
   (props, ref) => {
-    var _a;
+    var _a, _b;
     const {
       title,
       description,
@@ -69,11 +69,14 @@ var BaseForm = (0, import_react.forwardRef)(
       customSubmit,
       beforeSubmit,
       leaveConfirmConfig,
+      scene,
+      sceneRequestId,
       ...others
     } = props;
     const context = (0, import_useEngineContext.default)();
+    console.log("context_pageProps", (_a = context == null ? void 0 : context.pageContext) == null ? void 0 : _a.props);
     const { setBeforeClose } = (0, import_useCtxActions.default)();
-    const { getApp } = (_a = context.appHelper) == null ? void 0 : _a.utils;
+    const { getApp } = (_b = context.appHelper) == null ? void 0 : _b.utils;
     const { scope, target } = (0, import_useFormSettingParams.default)();
     const formRef = (0, import_react.useRef)(null);
     const { get } = (0, import_useDataSource.default)();
@@ -89,13 +92,21 @@ var BaseForm = (0, import_react.forwardRef)(
     }, []);
     (0, import_react.useImperativeHandle)(ref, () => formRef.current);
     (0, import_ahooks.useDeepCompareEffect)(() => {
-      var _a2;
+      var _a2, _b2;
       if (["edit", "view"].includes(renderMode || "") && dataSource) {
-        if (dataSource == null ? void 0 : dataSource.fromSettingMeta) {
+        if ((dataSource == null ? void 0 : dataSource.fromSettingMeta) || (dataSource == null ? void 0 : dataSource.fromDeviceSettingMeta)) {
           if (props.__designMode === "design") return;
-          const sectionCodes = Array.from(new Set((_a2 = dataSource == null ? void 0 : dataSource.fields) == null ? void 0 : _a2.map((field) => field.name.split(".").shift())));
-          (0, import_serve.getFormSettingMetaData)({ sectionCodes, scope, target }).then((res) => {
-            var _a3, _b;
+          const fetchMetaData = (dataSource == null ? void 0 : dataSource.fromDeviceSettingMeta) ? (0, import_serve.getDeviceSettingMetaData)({
+            scene,
+            sceneRequestId: sceneRequestId || "",
+            items: ((_a2 = dataSource == null ? void 0 : dataSource.fields) == null ? void 0 : _a2.map((field) => field.name)) || []
+          }) : (0, import_serve.getFormSettingMetaData)({
+            sectionCodes: Array.from(new Set((_b2 = dataSource == null ? void 0 : dataSource.fields) == null ? void 0 : _b2.map((field) => field.name.split(".").shift()))),
+            scope,
+            target
+          });
+          fetchMetaData.then((res) => {
+            var _a3, _b3;
             const formattedValues = formatInitialValues ? formatInitialValues(res.data) : res.data || {};
             const fieldNames = new Set(((_a3 = dataSource == null ? void 0 : dataSource.fields) == null ? void 0 : _a3.map((field) => field.name)) || []);
             const filteredValues = Object.keys(formattedValues).reduce((acc, key) => {
@@ -104,7 +115,7 @@ var BaseForm = (0, import_react.forwardRef)(
               }
               return acc;
             }, {});
-            (_b = formRef.current) == null ? void 0 : _b.setFields((0, import_utils.transformFormObjToArrayWithUntouched)({
+            (_b3 = formRef.current) == null ? void 0 : _b3.setFields((0, import_utils.transformFormObjToArrayWithUntouched)({
               ...filteredValues
             }));
             onDataSourceLoaded == null ? void 0 : onDataSourceLoaded(filteredValues, res);
@@ -114,7 +125,7 @@ var BaseForm = (0, import_react.forwardRef)(
           return;
         }
         get == null ? void 0 : get.runAsync().then((res) => {
-          var _a3, _b;
+          var _a3, _b3;
           const formattedValues = formatInitialValues ? formatInitialValues(res) : res;
           let values = formattedValues;
           if ((0, import_utils2.isArr)(dataSource == null ? void 0 : dataSource.fields)) {
@@ -126,7 +137,7 @@ var BaseForm = (0, import_react.forwardRef)(
               return acc;
             }, {});
           }
-          (_b = formRef.current) == null ? void 0 : _b.setFields((0, import_utils.transformFormObjToArrayWithUntouched)(values));
+          (_b3 = formRef.current) == null ? void 0 : _b3.setFields((0, import_utils.transformFormObjToArrayWithUntouched)(values));
           onDataSourceLoaded == null ? void 0 : onDataSourceLoaded(values, res);
         });
       }
@@ -160,9 +171,9 @@ var BaseForm = (0, import_react.forwardRef)(
       }
     }, [leaveConfirmConfig]);
     (0, import_react.useEffect)(() => {
-      var _a2, _b;
+      var _a2, _b2;
       if (leaveConfirmConfig == null ? void 0 : leaveConfirmConfig.enable) {
-        const history = (_b = (_a2 = getApp == null ? void 0 : getApp()) == null ? void 0 : _a2.history) == null ? void 0 : _b.instance;
+        const history = (_b2 = (_a2 = getApp == null ? void 0 : getApp()) == null ? void 0 : _a2.history) == null ? void 0 : _b2.instance;
         let unblock = history == null ? void 0 : history.block((location, action) => {
           var _a3;
           const isFormChanged = (_a3 = formRef.current) == null ? void 0 : _a3.isFieldsTouched();
@@ -205,7 +216,9 @@ var BaseForm = (0, import_react.forwardRef)(
         formatSubmitValues,
         formatInitialValues,
         customSubmit,
-        beforeSubmit
+        beforeSubmit,
+        scene,
+        sceneRequestId
       },
       /* @__PURE__ */ import_react.default.createElement(
         import_form.default,

package/lib/components/dataSourceComponents/dataSourceForm/formItem.d.ts

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

package/lib/components/dataSourceComponents/dataSourceForm/provider/formSetting/FormSettingContext.d.ts

@@ -11,6 +11,8 @@ export interface FormSettingContextType {
     formatInitialValues?: (values: Record<string, any>) => Record<string, any>;
     customSubmit?: (values: Record<string, any>) => Promise<any>;
     beforeSubmit?: (values: Record<string, any>) => Promise<boolean> | boolean;
+    scene?: 'template' | 'profile' | 'instance';
+    sceneRequestId?: string;
 }
 export declare const FormSettingContext: import("react").Context<FormSettingContextType>;
 export default FormSettingContext;

package/lib/components/dataSourceComponents/dataSourceForm/provider/formSetting/FormSettingProvider.js

@@ -45,7 +45,9 @@ var FormSettingProvider = (props) => {
     formatSubmitValues,
     formatInitialValues,
     customSubmit,
-    beforeSubmit
+    beforeSubmit,
+    scene,
+    sceneRequestId
   } = props;
   const value = import_react.default.useMemo(() => {
     return {
@@ -57,9 +59,11 @@ var FormSettingProvider = (props) => {
       formatSubmitValues,
       formatInitialValues,
       customSubmit,
-      beforeSubmit
+      beforeSubmit,
+      scene,
+      sceneRequestId
     };
-  }, [renderMode, groupInfoPosition, currentValue, size, beforeSubmit]);
+  }, [renderMode, groupInfoPosition, currentValue, size, beforeSubmit, scene, sceneRequestId]);
   return /* @__PURE__ */ import_react.default.createElement(
     import_FormSettingContext.default.Provider,
     {

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

@@ -175,4 +175,27 @@ export declare const updateTenantSetting: (params: {
     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/lib/components/dataSourceComponents/dataSourceForm/serve.js

@@ -32,12 +32,14 @@ __export(serve_exports, {
   createNocobaseData: () => createNocobaseData,
   customApi: () => customApi,
   deleteNocobaseData: () => deleteNocobaseData,
+  getDeviceSettingMetaData: () => getDeviceSettingMetaData,
   getFormSettingMetaData: () => getFormSettingMetaData,
   getNocobaseData: () => getNocobaseData,
   getNocobaseDataList: () => getNocobaseDataList,
   getNocobaseDataSource: () => getNocobaseDataSource,
   getNocobaseDataSourceOptions: () => getNocobaseDataSourceOptions,
   getNocobaseMainDataSource: () => getNocobaseMainDataSource,
+  updateDeviceSetting: () => updateDeviceSetting,
   updateNocobaseData: () => updateNocobaseData,
   updateTenantSetting: () => updateTenantSetting
 });
@@ -115,7 +117,14 @@ var formatRequestUrl = (url, baseUrl, queryString) => {
   return queryString ? `${baseRequestUrl}${baseRequestUrl.includes("?") ? "&" : "?"}${queryString}` : baseRequestUrl;
 };
 var customApi = async (url, data, options) => {
-  const { method, baseUrl, headers = [], params = [], body = {}, dataSourceKey } = options;
+  const {
+    method,
+    baseUrl,
+    headers = [],
+    params = [],
+    body = {},
+    dataSourceKey
+  } = options;
   const requestHeaders = formatHeaders(headers);
   const queryString = formatQueryString(params);
   const requestUrl = formatRequestUrl(url, baseUrl, queryString);
@@ -194,17 +203,76 @@ var updateTenantSetting = async (params) => {
     }
   });
 };
+var buildDeviceSettingUrl = (scene = "template", id) => {
+  switch (scene) {
+    case "profile":
+      return `/tenant/device/profile/${id}/setting`;
+    case "instance":
+      return `/tenant/device/${id}/setting`;
+    case "template":
+    default:
+      return `/admin/device/profile/template/${id}/setting`;
+  }
+};
+var getDeviceSettingMetaData = async (params) => {
+  const { scene, sceneRequestId, items } = params;
+  console.log("getDeviceSettingMetaData", params);
+  if (!sceneRequestId) {
+    (0, import_pisellToast.default)({
+      content: (0, import_locales.getText)("pisell-data-source-form-scene-request-id-message")
+    });
+    return {};
+  }
+  const url = buildDeviceSettingUrl(scene, sceneRequestId);
+  return import_utils.request.getRequest().post(
+    url,
+    {
+      items
+    },
+    {
+      headers: {
+        "Content-Type": "application/json"
+      },
+      isPisell2: true
+    }
+  );
+};
+var updateDeviceSetting = async (params) => {
+  const { scene, sceneRequestId, data } = params;
+  console.log("updateDeviceSetting", params);
+  if (!sceneRequestId) {
+    (0, import_pisellToast.default)({
+      content: (0, import_locales.getText)("pisell-data-source-form-scene-request-id-message")
+    });
+    return {};
+  }
+  const url = buildDeviceSettingUrl(scene, sceneRequestId);
+  return import_utils.request.getRequest().put(
+    url,
+    {
+      items: data
+    },
+    {
+      headers: {
+        "Content-Type": "application/json"
+      },
+      isPisell2: true
+    }
+  );
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   createNocobaseData,
   customApi,
   deleteNocobaseData,
+  getDeviceSettingMetaData,
   getFormSettingMetaData,
   getNocobaseData,
   getNocobaseDataList,
   getNocobaseDataSource,
   getNocobaseDataSourceOptions,
   getNocobaseMainDataSource,
+  updateDeviceSetting,
   updateNocobaseData,
   updateTenantSetting
 });

package/lib/components/dataSourceComponents/dataSourceForm/submitButton/index.js

@@ -61,13 +61,20 @@ var SubmitButton = (props) => {
   const [api, contextHolder] = import_antd.notification.useNotification();
   const { scope, target } = (0, import_useFormSettingParams.default)();
   const form = import_antd.Form.useFormInstance();
-  const { renderMode, onDataSourceFinish, formatSubmitValues, customSubmit, beforeSubmit } = (0, import_useFormSetting.default)();
+  const { renderMode, onDataSourceFinish, formatSubmitValues, customSubmit, beforeSubmit, scene, sceneRequestId } = (0, import_useFormSetting.default)();
   const { setVisible, refreshTableData } = (0, import_useCtxActions.default)();
   const { create, update, dataSource } = (0, import_useDataSource.default)();
   const isDisabled = status === "disabled";
   const onSubmit = async (values) => {
     setLoading(true);
     try {
+      if (dataSource == null ? void 0 : dataSource.fromDeviceSettingMeta) {
+        return await (0, import_serve.updateDeviceSetting)({
+          scene,
+          sceneRequestId: sceneRequestId || "",
+          data: values
+        });
+      }
       if (dataSource == null ? void 0 : dataSource.fromSettingMeta) {
         return await (0, import_serve.updateTenantSetting)({
           scope,

package/lib/components/dataSourceComponents/dataSourceForm/type.d.ts

@@ -12,6 +12,8 @@ export interface DataSourceFormProps {
     variables: any[];
     renderMode?: ModeType;
     currentValue?: 'server' | 'local';
+    scene?: 'template' | 'profile' | 'instance';
+    sceneRequestId?: string;
     children: React.ReactNode;
     className?: string;
     size?: 'small' | 'middle' | 'large';

package/lib/components/dataSourceComponents/dataSourceTable/BaseTable.js

@@ -105,7 +105,7 @@ var BaseTable = (props, ref) => {
   }, [dataSourceKey]);
   (0, import_react.useEffect)(() => {
     if (dataSourceKeyRef.current) {
-      if (dataSource == null ? void 0 : dataSource.fromSettingMeta) return;
+      if ((dataSource == null ? void 0 : dataSource.fromSettingMeta) || (dataSource == null ? void 0 : dataSource.fromDeviceSettingMeta)) return;
       list == null ? void 0 : list.run(queryPageConfig);
     } else {
       list == null ? void 0 : list.mutate([]);

package/lib/components/dataSourceComponents/dataSourceTable/filter/utils.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterItemProps } from '../../../filter/types';
 import { DataSourceType, Field } from '../../provider/dataSource/DataSourceContext';
 export declare const genGetField: (dataSource?: DataSourceType) => (key: string) => Field;

package/lib/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/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts

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

package/lib/components/dataSourceComponents/fields/ColorPicker/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ColorPickerProps } from './type';
 import './ReadPretty.less';
 declare const ColorPickerReadPretty: (props: ColorPickerProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/DateRangePicker/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DateRangePickerProps } from './type';
 import './ReadPretty.less';
 declare const DateRangePickerReadPretty: (props: DateRangePickerProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/IconSelect/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconSelectProps } from './type';
 import './ReadPretty.less';
 declare const IconSelectReadPretty: (props: IconSelectProps) => JSX.Element | null;

package/lib/components/dataSourceComponents/fields/Input/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from './type';
 import './ReadPretty.less';
 declare const InputReadPretty: (props: InputProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/Input.Email/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from './type';
 import './ReadPretty.less';
 declare const InputReadPretty: (props: InputProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/Input.Json/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { JsonProps } from "./type";
 import "./ReadPretty.less";
 declare const JsonReadPretty: (props: JsonProps) => JSX.Element | null;

package/lib/components/dataSourceComponents/fields/Input.Password/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PasswordProps } from './type';
 import './ReadPretty.less';
 declare const PasswordReadPretty: (props: PasswordProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/Input.Subdomain/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from './type';
 import './ReadPretty.less';
 declare const InputReadPretty: (props: InputProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/Input.TextArea/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TextAreaProps } from "./type";
 import "./ReadPretty.less";
 declare const TextAreaReadPretty: (props: TextAreaProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/Input.Url/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { UrlProps } from './type';
 import './ReadPretty.less';
 export declare const formatUrl: (url: string) => string;

package/lib/components/dataSourceComponents/fields/TimePicker/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TimePickerProps } from './type';
 import './ReadPretty.less';
 declare const TimePickerReadPretty: (props: TimePickerProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/Upload/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { UploadProps } from './type';
 import './ReadPretty.less';
 declare const UploadReadPretty: (props: UploadProps) => JSX.Element | null;

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

@@ -81,11 +81,7 @@ declare const formFieldMap: {
         extraParams?: Record<string, any> | undefined;
     }) => JSX.Element;
 };
-declare const getFieldComponent: (fieldComponent: string) => (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("./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,6 +102,10 @@ declare const getFieldComponent: (fieldComponent: string) => (import("react").FC
         fieldKey?: string | undefined;
     } & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 }) | (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<{}> & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
@@ -118,7 +118,7 @@ declare const getFieldComponent: (fieldComponent: string) => (import("react").FC
 } & {
     dataSource?: any;
     extraParams?: Record<string, any> | undefined;
-}) => JSX.Element) | import("react").FC<any> | 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 & {
+}) => 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("./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;

package/lib/components/dataSourceComponents/hooks/useActions.js

@@ -169,7 +169,7 @@ var useActions = ({
       designModeToast();
       return Promise.reject();
     }
-    if (currentDataSource == null ? void 0 : currentDataSource.fromSettingMeta) {
+    if ((currentDataSource == null ? void 0 : currentDataSource.fromSettingMeta) || (currentDataSource == null ? void 0 : currentDataSource.fromDeviceSettingMeta)) {
       return Promise.reject();
     }
     if (isCustomApi) {

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

@@ -45,6 +45,7 @@ interface Style {
 export declare type ActionTypes = 'list' | 'get' | 'update' | 'create' | 'destroy';
 export declare type DataSourceType = {
     fromSettingMeta: boolean;
+    fromDeviceSettingMeta?: boolean;
     actions: {
         get: ActionsItem;
         update: ActionsItem;