@pisell/materials 6.0.14 → 6.0.15

package/lib/components/appVersionControl/index.js

@@ -0,0 +1,188 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/appVersionControl/index.tsx
+var appVersionControl_exports = {};
+__export(appVersionControl_exports, {
+  default: () => appVersionControl_default
+});
+module.exports = __toCommonJS(appVersionControl_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_button = __toESM(require("../button"));
+var import_pisellCard = __toESM(require("../pisellCard"));
+var import_pisellModal = __toESM(require("../pisellModal"));
+var import_pisellAvatar = __toESM(require("../pisellAvatar"));
+var import_icon = __toESM(require("../icon"));
+var import_versionModal = __toESM(require("../versionModal"));
+var import_versionSelect = __toESM(require("../versionSelect"));
+var import_pisellToast = __toESM(require("../pisellToast"));
+var import_locales = require("../../locales");
+var import_utils = require("./utils");
+var import_index = require("./index.less");
+var AppVersionControl = (props) => {
+  const {
+    value,
+    versions = [],
+    onVersionChange,
+    onCreateVersion,
+    onPromoteToLive,
+    className,
+    style,
+    allowPublish = true,
+    allowCreate = true
+  } = props;
+  const [promoteLoading, setPromoteLoading] = (0, import_react.useState)(false);
+  const [promoteToLiveModal, setPromoteToLiveModal] = (0, import_react.useState)(false);
+  const [publishVersionModal, setPublishVersionModal] = (0, import_react.useState)(false);
+  const [publishLoading, setPublishLoading] = (0, import_react.useState)(false);
+  const currentVersion = (0, import_react.useMemo)(() => {
+    return versions.find((v) => v.value === value);
+  }, [value, versions]);
+  const maxVersion = (0, import_react.useMemo)(() => {
+    return (0, import_utils.getMaxVersion)(versions.map((v) => v.version));
+  }, [versions]);
+  const handlePromoteToLive = async () => {
+    setPromoteLoading(true);
+    try {
+      await (onPromoteToLive == null ? void 0 : onPromoteToLive(value, currentVersion));
+      setPromoteToLiveModal(false);
+    } catch (error) {
+      console.error("Failed to promote version:", error);
+    } finally {
+      setPromoteLoading(false);
+    }
+  };
+  const handlePublishVersion = async (data) => {
+    setPublishLoading(true);
+    if (data.versionType === "custom") {
+      const version = versions.find((v) => v.version === data.version);
+      if (version) {
+        setPublishLoading(false);
+        return (0, import_pisellToast.default)({
+          content: (0, import_locales.getText)("pisell-lowcode-app-version-control-version-exists")
+        });
+      }
+    }
+    try {
+      await (onCreateVersion == null ? void 0 : onCreateVersion({
+        version: data.version,
+        baseVersion: data.baseVersion || ""
+      }));
+      setPublishVersionModal(false);
+    } catch (error) {
+      console.error("Failed to create version:", error);
+    } finally {
+      setPublishLoading(false);
+    }
+  };
+  const handleVersionChange = (value2) => {
+    const version = versions.find((v) => v.value === value2);
+    onVersionChange == null ? void 0 : onVersionChange(value2, version);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_pisellCard.default,
+    {
+      className: (0, import_classnames.default)("pisell-lowcode-app-version-control", className),
+      style
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_pisellAvatar.default,
+      {
+        size: "xl",
+        shape: "square",
+        borderRadius: 10,
+        useTextAvatar: true,
+        className: "pisell-lowcode-app-version-control-avatar",
+        src: currentVersion == null ? void 0 : currentVersion.avatar
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_icon.default,
+        {
+          type: "pisell2-container",
+          className: "pisell-lowcode-app-version-control-avatar-icon"
+        }
+      )
+    ),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-app-version-control-title" }, (currentVersion == null ? void 0 : currentVersion.name) || ""),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_versionSelect.default,
+      {
+        versions,
+        value,
+        onChange: handleVersionChange
+      }
+    ),
+    allowCreate && /* @__PURE__ */ import_react.default.createElement(
+      import_button.default,
+      {
+        icon: /* @__PURE__ */ import_react.default.createElement(import_icon.default, { type: "pisell2-plus" }),
+        block: true,
+        size: "large",
+        onClick: () => setPublishVersionModal(true)
+      },
+      (0, import_locales.getText)("pisell-lowcode-app-version-control-new-version")
+    ),
+    allowPublish && (currentVersion == null ? void 0 : currentVersion.status) !== "live" && /* @__PURE__ */ import_react.default.createElement(
+      import_button.default,
+      {
+        type: "primary",
+        block: true,
+        size: "large",
+        onClick: () => setPromoteToLiveModal(true)
+      },
+      (0, import_locales.getText)("pisell-lowcode-app-version-control-promote-to-live")
+    )
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_pisellModal.default.Information,
+    {
+      open: promoteToLiveModal,
+      title: (0, import_locales.getText)("pisell-lowcode-app-version-control-promote-version")(currentVersion == null ? void 0 : currentVersion.version),
+      describe: (0, import_locales.getText)("pisell-lowcode-app-version-control-promote-version-describe"),
+      okText: (0, import_locales.getText)("pisell-lowcode-app-version-control-promote-version-ok"),
+      cancelText: (0, import_locales.getText)("pisell-lowcode-app-version-control-promote-version-cancel"),
+      onOk: handlePromoteToLive,
+      confirmLoading: promoteLoading,
+      onCancel: () => setPromoteToLiveModal(false)
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_versionModal.default,
+    {
+      currentVersion: maxVersion || "",
+      visible: publishVersionModal,
+      onCancel: () => setPublishVersionModal(false),
+      onConfirm: handlePublishVersion,
+      isShowNote: false,
+      confirmLoading: publishLoading,
+      versions,
+      isShowBasedOn: true,
+      isValidateVersion: false
+    }
+  ));
+};
+var appVersionControl_default = AppVersionControl;

package/lib/components/appVersionControl/index.less

@@ -0,0 +1,35 @@
+.pisell-lowcode-app-version-control {
+  background-color: #fff;
+  cursor: default;
+  .pisell-lowcode-card-body {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 12px;
+    padding: 12px !important;
+    &::after {
+      display: none;
+    }
+    .pisell-lowcode-app-version-control-avatar {
+      display: flex;
+      .pisell-lowcode-avatar-string {
+        display: flex;
+      }
+    }
+
+    .pisell-lowcode-app-version-control-avatar-icon {
+      font-size: 32px !important;
+    }
+  }
+  .pisell-lowcode-app-version-control-title {
+    color: var(--Gray-900, #101828);
+    text-align: center;
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 24px; /* 150% */
+  }
+  &:hover {
+    background: #fff !important;
+  }
+}

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

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+export interface Version {
+    id: string;
+    label: string;
+    value: string;
+    name: string;
+    status: 'live' | 'draft' | 'deprecated';
+    version: string;
+    avatar?: string;
+}
+export interface AppVersionControlProps {
+    value: string;
+    versions: Version[];
+    onVersionChange: (value: string, version: Version) => void;
+    onCreateVersion: (detail: {
+        version: string;
+        baseVersion: string;
+    }) => Promise<boolean | undefined>;
+    onPromoteToLive: (value: string, version: Version) => Promise<boolean | undefined>;
+    allowPublish?: boolean;
+    allowCreate?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}

package/lib/components/appVersionControl/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/appVersionControl/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/components/appVersionControl/utils.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 比较两个版本号
+ * @param version1 版本号1
+ * @param version2 版本号2
+ * @returns 如果version1大于version2返回1，相等返回0，小于返回-1
+ */
+export declare const compareVersions: (version1: string, version2: string) => number;
+/**
+ * 从版本号列表中获取最大版本号
+ * @param versions 版本号列表
+ * @returns 最大的版本号，如果列表为空返回undefined
+ */
+export declare const getMaxVersion: (versions: string[]) => string | undefined;

package/lib/components/appVersionControl/utils.js

@@ -0,0 +1,52 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/appVersionControl/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  compareVersions: () => compareVersions,
+  getMaxVersion: () => getMaxVersion
+});
+module.exports = __toCommonJS(utils_exports);
+var compareVersions = (version1, version2) => {
+  const v1Parts = version1.split(".").map(Number);
+  const v2Parts = version2.split(".").map(Number);
+  for (let i = 0; i < Math.max(v1Parts.length, v2Parts.length); i++) {
+    const v1Part = v1Parts[i] || 0;
+    const v2Part = v2Parts[i] || 0;
+    if (v1Part > v2Part)
+      return 1;
+    if (v1Part < v2Part)
+      return -1;
+  }
+  return 0;
+};
+var getMaxVersion = (versions) => {
+  if (!versions || versions.length === 0)
+    return void 0;
+  return versions.reduce((max, current) => {
+    if (!max)
+      return current;
+    return compareVersions(current, max) > 0 ? current : max;
+  }, versions[0]);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  compareVersions,
+  getMaxVersion
+});

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { SelectProps } from 'antd';
+import './index.less';
+export interface BaseOption {
+    label: string;
+    value: string | number;
+}
+export interface CustomSelectProps<T extends BaseOption> extends Omit<SelectProps<T['value']>, 'options' | 'value' | 'onChange'> {
+    options: T[];
+    value?: T['value'];
+    onChange?: (value: T['value']) => void;
+    renderItem?: (option: T) => React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const CustomSelect: <T extends BaseOption>(props: CustomSelectProps<T>) => React.JSX.Element;
+export default CustomSelect;

package/lib/components/customSelect/index.js

@@ -0,0 +1,59 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/customSelect/index.tsx
+var customSelect_exports = {};
+__export(customSelect_exports, {
+  default: () => customSelect_default
+});
+module.exports = __toCommonJS(customSelect_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_select = __toESM(require("../select"));
+var import_index = require("./index.less");
+var CustomSelect = (props) => {
+  const { options: propsOptions, value, onChange, renderItem } = props;
+  const options = (0, import_react.useMemo)(() => {
+    return propsOptions.map((option) => ({
+      ...option,
+      label: renderItem ? renderItem(option) : option.label,
+      value: option.value
+    }));
+  }, [propsOptions, renderItem]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_select.default,
+    {
+      ...props,
+      className: (0, import_classnames.default)("pisell-lowcode-custom-select", props.className),
+      options,
+      value,
+      onChange
+    }
+  );
+};
+var customSelect_default = CustomSelect;

package/lib/components/customSelect/index.less

@@ -0,0 +1,7 @@
+.pisell-lowcode-custom-select {
+    .pisell-lowcode-select-selector {
+      border: none !important;
+      background: var(--Gray-50, #F9FAFB) !important;
+      box-shadow: none !important;
+    }
+}

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

@@ -87,7 +87,7 @@ var BaseForm = (0, import_react.forwardRef)(
           (_a2 = formRef.current) == null ? void 0 : _a2.setFields((0, import_utils.transformFormObjToArrayWithUntouched)(formattedValues));
         });
       }
-    }, [renderMode, dataSource, formatInitialValues]);
+    }, [renderMode, dataSource]);
     const checkFormClose = (0, import_ahooks.useMemoizedFn)(async () => {
       var _a2;
       const isFormChanged = (_a2 = formRef.current) == null ? void 0 : _a2.isFieldsTouched();

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

@@ -34,6 +34,8 @@ __export(group_exports, {
 module.exports = __toCommonJS(group_exports);
 var import_react = __toESM(require("react"));
 var import_classnames = __toESM(require("classnames"));
+var import_antd = require("antd");
+var import_ahooks = require("ahooks");
 var import_useFormSetting = __toESM(require("../provider/hooks/useFormSetting"));
 var import_usePisellConfig = __toESM(require("../../../pisell-config-provider/hooks/usePisellConfig"));
 var import_index = require("./index.less");
@@ -47,12 +49,17 @@ var FormGroup = (props) => {
     backgroundColor: propsBackgroundColor,
     children
   } = props;
+  const ref = (0, import_react.useRef)(null);
+  const size = (0, import_ahooks.useSize)(ref);
   const { groupInfoPosition: formSettingGroupInfoPosition } = (0, import_useFormSetting.default)();
   const { platform } = (0, import_usePisellConfig.default)();
   const groupInfoPosition = (0, import_react.useMemo)(() => {
     const isMobile = platform === "h5";
-    return isMobile ? "top" : formSettingGroupInfoPosition;
-  }, [platform, formSettingGroupInfoPosition]);
+    if (isMobile || ((size == null ? void 0 : size.width) || 0) < 500) {
+      return "top";
+    }
+    return formSettingGroupInfoPosition;
+  }, [platform, formSettingGroupInfoPosition, size == null ? void 0 : size.width]);
   const backgroundColor = showBackgroundColor ? propsBackgroundColor : void 0;
   const wrapperStyle = (0, import_react.useMemo)(() => {
     return {
@@ -71,17 +78,17 @@ var FormGroup = (props) => {
       className: (0, import_classnames.default)("pisell-lowcode-data-source-form-group", {
         "pisell-lowcode-data-source-form-group-top": groupInfoPosition === "top",
         "pisell-lowcode-data-source-form-group-side": groupInfoPosition === "side"
-      })
+      }),
+      ref
     },
-    (propsShowTitle && title || propsShowDescription && description) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-data-source-form-group-info" }, propsShowTitle && title && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-data-source-form-group-title" }, title), propsShowDescription && description && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-data-source-form-group-description" }, description)),
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Row, { style: { flex: 1 }, gutter: 16 }, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: groupInfoPosition === "top" ? 24 : 6 }, (propsShowTitle && title || propsShowDescription && description) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-data-source-form-group-info" }, propsShowTitle && title && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-data-source-form-group-title" }, title), propsShowDescription && description && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-data-source-form-group-description" }, description))), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: groupInfoPosition === "top" ? 24 : 18 }, /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: "pisell-lowcode-data-source-form-group-content",
         style: contentStyle
       },
       children
-    )
+    )))
   );
 };
 var group_default = FormGroup;

package/lib/components/dataSourceComponents/dataSourceForm/group/index.less

@@ -30,7 +30,7 @@
     }
   }
   &-info {
-    width: 320px;
+    width: 100%;
     display: flex;
     flex-direction: column;
     gap: 4px;

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

@@ -57,7 +57,7 @@ var FormSettingProvider = (props) => {
       formatInitialValues,
       customSubmit
     };
-  }, [renderMode, groupInfoPosition, currentValue, size, onDataSourceFinish, formatSubmitValues, formatInitialValues, customSubmit]);
+  }, [renderMode, groupInfoPosition, currentValue, size]);
   return /* @__PURE__ */ import_react.default.createElement(
     import_FormSettingContext.default.Provider,
     {

package/lib/components/dataSourceComponents/dataSourceForm/provider/jsonWrapper/JsonWrapperProvider.js

@@ -54,9 +54,9 @@ var JsonWrapperProvider = (props) => {
     import_formItem.default,
     {
       label,
-      style: { ...style || {}, paddingLeft: `${level * 12}px` }
+      style: { marginBottom: 0, ...style || {} }
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { style: { paddingLeft: `${level * 12}px` } }, children)
+    /* @__PURE__ */ import_react.default.createElement("div", null, children)
   ));
 };
 var JsonWrapperProvider_default = JsonWrapperProvider;

package/lib/components/dataSourceComponents/dataSourceForm/submitButton/index.d.ts

@@ -25,6 +25,7 @@ export interface SubmitButtonProps extends ButtonProps {
         title: string;
         content: string;
         okText: string;
+        onOk?: () => void;
     };
     afterSubmitNotificationConfig?: {
         title: string;

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

@@ -88,7 +88,8 @@ var SubmitButton = (props) => {
       import_pisellModal.default.success({
         title: afterSubmitModalConfig == null ? void 0 : afterSubmitModalConfig.title,
         content: afterSubmitModalConfig == null ? void 0 : afterSubmitModalConfig.content,
-        okText: afterSubmitModalConfig == null ? void 0 : afterSubmitModalConfig.okText
+        okText: afterSubmitModalConfig == null ? void 0 : afterSubmitModalConfig.okText,
+        onOk: afterSubmitModalConfig == null ? void 0 : afterSubmitModalConfig.onOk
       });
     },
     showNotification: () => {
@@ -135,7 +136,7 @@ var SubmitButton = (props) => {
           afterSubmitFunc();
         }
       }
-      form.setFields((0, import_utils.transformFormObjToArrayWithUntouched)(form.getFieldsValue()));
+      (0, import_utils.setFormFieldsUntouched)(form);
     } catch (error) {
       (0, import_pisellToast.default)({
         content: `${error.message}`

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { FormInstance } from 'antd';
 import { ModeType } from './type';
 import './style.less';
 export interface WithModeProps {
@@ -34,9 +35,9 @@ export declare const isValidDomain: (value: string) => boolean;
  * @Date: 2024-11-23 17:14:25
  */
 export declare const withFormItem: <P extends object>(WrappedComponent: React.ComponentType<P>, overlayProps?: {
-    otherFormItemProps?: Record<string, any>;
-    innerProps?: Record<string, any>;
-}) => React.FC<P & WithFormItemProps>;
+    otherFormItemProps?: Record<string, any> | ((props: Record<string, any>, others?: Record<string, any>) => Record<string, any>) | undefined;
+    innerProps?: Record<string, any> | undefined;
+} | undefined) => React.FC<P & WithFormItemProps>;
 export declare const withDataSource: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
     dataSource?: any;
 }) => React.JSX.Element;
@@ -45,9 +46,11 @@ export declare const withOptions: <P extends unknown>(WrappedComponent: React.Co
     optionSourceType?: "default" | "custom" | "api" | undefined;
     labelField: string;
     valueField: string;
+    extraParams?: Record<string, any> | undefined;
 }) => React.JSX.Element;
 export declare const getNestedValue: (obj: Record<string, any>, path: string) => Record<string, any>;
 export declare const renderValueWithMap: (value: any, valueMap?: Record<string, string>, renderMode?: ModeType) => React.JSX.Element | null;
 export declare function toArr(str: string | number | (string | number)[]): (string | number)[];
 export declare const filterSystemFields: (params: Record<string, any>) => Record<string, any>;
 export declare const transformFormObjToArrayWithUntouched: (obj: Record<string, any>) => any[];
+export declare const setFormFieldsUntouched: (form: FormInstance) => void;