@pisell/materials 1.0.977 → 1.0.979

package/es/components/PisellSteps/utils/index.js

@@ -0,0 +1,118 @@
+/**
+ * 计算当前步骤的进度百分比
+ * 
+ * @param current - 当前步骤索引
+ * @param total - 总步骤数
+ * @returns 进度百分比（0-100）
+ */
+export function calculateProgress(current, total) {
+  if (total <= 0) return 0;
+  if (current < 0) return 0;
+  if (current >= total) return 100;
+  return Math.round((current + 1) / total * 100);
+}
+
+/**
+ * 判断步骤是否可点击
+ * 
+ * @param index - 步骤索引
+ * @param current - 当前步骤索引
+ * @param status - 步骤状态
+ * @param clickable - 全局是否可点击
+ * @param allowClickFinished - 是否允许点击已完成步骤
+ * @returns 是否可点击
+ */
+export function isStepClickable(index, current, status, clickable, allowClickFinished) {
+  // 全局不允许点击
+  if (!clickable) {
+    return false;
+  }
+
+  // 当前步骤不可点击（避免重复触发）
+  if (index === current) {
+    return false;
+  }
+
+  // 已完成的步骤
+  if (status === 'finish' || index < current) {
+    return allowClickFinished;
+  }
+
+  // 等待中的步骤默认不可点击
+  if (status === 'wait') {
+    return false;
+  }
+
+  // 错误状态的步骤可以点击（用于修正）
+  if (status === 'error') {
+    return true;
+  }
+  return true;
+}
+
+/**
+ * 获取步骤状态
+ * 
+ * @param index - 步骤索引
+ * @param current - 当前步骤索引
+ * @param customStatus - 自定义状态（优先级最高）
+ * @returns 步骤状态
+ */
+export function getStepStatus(index, current, customStatus) {
+  // 如果有自定义状态，直接返回
+  if (customStatus) {
+    return customStatus;
+  }
+
+  // 根据索引和当前步骤判断状态
+  if (index < current) {
+    return 'finish';
+  } else if (index === current) {
+    return 'process';
+  } else {
+    return 'wait';
+  }
+}
+
+/**
+ * 合并步骤类名
+ * 
+ * @param baseClass - 基础类名
+ * @param status - 步骤状态
+ * @param customClass - 自定义类名
+ * @returns 合并后的类名
+ */
+export function mergeStepClassName(baseClass, status, customClass) {
+  var classes = [baseClass];
+
+  // 添加状态类名
+  classes.push("".concat(baseClass, "-").concat(status));
+
+  // 添加自定义类名
+  if (customClass) {
+    classes.push(customClass);
+  }
+  return classes.join(' ');
+}
+
+/**
+ * 判断步骤变更方向
+ * 
+ * @param from - 原步骤索引
+ * @param to - 目标步骤索引
+ * @returns 变更方向
+ */
+export function getChangeDirection(from, to) {
+  return to > from ? 'forward' : 'backward';
+}
+
+/**
+ * 验证步骤索引是否有效
+ * 
+ * @param index - 步骤索引
+ * @param total - 总步骤数
+ * @returns 是否有效
+ */
+export function isValidStepIndex(index, total) {
+  return index >= 0 && index < total;
+}

package/es/components/Template/PisellSteps.js

@@ -0,0 +1 @@
+// 这里是组件的实现

package/es/components/Template/PisellSteps.less

@@ -0,0 +1 @@
+// 这里是组件的样式

package/es/components/Template/components/index.js

@@ -0,0 +1 @@
+// 子组件

package/es/components/Template/hooks/index.js

@@ -0,0 +1 @@
+// 自定义 hooks

package/es/components/Template/utils/index.js

@@ -0,0 +1 @@
+// 自定义工具函数

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

@@ -17,7 +17,7 @@ import useFormSetting from "../provider/hooks/useFormSetting";
 import useCtxActions from "../../hooks/useCtxActions";
 import useDataSource from "../../hooks/useDataSource";
 import { filterSystemFields, setFormFieldsUntouched } from "../utils";
-import { getUrlParams } from "../urlUtils";
+import { getFormSettingParams } from "../urlUtils";
 import "./index.less";
 import { updateTenantSetting } from "../serve";
 // 表单提交按钮
@@ -68,10 +68,10 @@ var SubmitButton = function SubmitButton(props) {
               break;
             }
             // 从URL查询字符串获取参数
-            urlParams = getUrlParams();
-            business_code = urlParams.business_code;
-            channel_code = urlParams.channel_code; // 只有当isBoard参数为1时才设置boardCode
-            board_code = urlParams.isBoard === '1' && channel_code && channel_code ? "".concat(business_code, "+").concat(channel_code) : undefined;
+            urlParams = getFormSettingParams();
+            business_code = urlParams.businessCode;
+            channel_code = urlParams.channelCode; // 只有当isBoard参数为1时才设置boardCode
+            board_code = urlParams.isBoard && business_code && channel_code ? "".concat(business_code, "+").concat(channel_code) : undefined;
             _context.next = 9;
             return updateTenantSetting({
               business_code: business_code,

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

@@ -16,16 +16,6 @@ export declare const getFormSettingParams: (urlParams?: Record<string, string>)
     channelCode: string;
     isBoard: boolean;
 };
-/**
- * 保存formSettingMeta数据
- * @param sectionCodes 配置段代码数组，如 ['payment']
- * @param data 要保存的数据
- * @param businessCode 业务代码
- * @param channelCode 渠道代码
- * @param isBoard 是否包含board_code参数
- * @returns Promise<any> 返回保存结果
- */
-export declare const saveFormSettingMeta: (sectionCodes: string[], data: Record<string, any>, businessCode: string, channelCode: string, isBoard: boolean) => Promise<any>;
 /**
  * 根据URL参数更新租户设置数据
  * @param data 要更新的数据对象，如 {"order.prefix":"","order.suffix":"","payment.number":""}

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

@@ -35,74 +35,23 @@ export var getFormSettingParams = function getFormSettingParams(urlParams) {
   };
 };
 
-/**
- * 保存formSettingMeta数据
- * @param sectionCodes 配置段代码数组，如 ['payment']
- * @param data 要保存的数据
- * @param businessCode 业务代码
- * @param channelCode 渠道代码
- * @param isBoard 是否包含board_code参数
- * @returns Promise<any> 返回保存结果
- */
-export var saveFormSettingMeta = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(sectionCodes, data, businessCode, channelCode, isBoard) {
-    var queryParams, url;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          // 构建查询参数
-          queryParams = new URLSearchParams(); // 添加section_code参数（支持多个值）
-          sectionCodes.forEach(function (code) {
-            queryParams.append('section_code[]', code);
-          });
-
-          // 添加business_code参数
-          if (businessCode) {
-            queryParams.append('business_code', businessCode);
-          }
-
-          // 添加channel_code参数
-          if (channelCode) {
-            queryParams.append('channel_code', channelCode);
-          }
-
-          // 当需要包含board_code时，格式为 business_code×channel_code
-          if (isBoard && businessCode && channelCode) {
-            queryParams.append('board_code', "".concat(businessCode, "\xD7").concat(channelCode));
-          }
-          url = "/setting?".concat(queryParams.toString());
-          return _context.abrupt("return", request.getRequest().post(url, data, {
-            headers: {
-              'Content-Type': 'application/json'
-            }
-          }));
-        case 7:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function saveFormSettingMeta(_x, _x2, _x3, _x4, _x5) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
 /**
  * 根据URL参数更新租户设置数据
  * @param data 要更新的数据对象，如 {"order.prefix":"","order.suffix":"","payment.number":""}
  * @returns Promise<any> 返回更新结果
  */
 export var updateTenantSettingFromUrl = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(data) {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {
     var urlParams, businessCode, channelCode, boardCode, requestBody, url;
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
         case 0:
           // 从URL获取参数
-          urlParams = getUrlParams();
+          debugger;
+          urlParams = getFormSettingParams();
           businessCode = urlParams.businessCode;
-          channelCode = urlParams.channelCode; // 构建board_code（只有当isBoard参数为1时才有）
-          boardCode = urlParams.is_board === '1' && businessCode && channelCode ? "".concat(businessCode, "x").concat(channelCode) : undefined; // 构建请求体，按照 curl 请求的格式
+          channelCode = urlParams.channelCode;
+          boardCode = urlParams.isBoard && businessCode && channelCode ? "".concat(businessCode, "+").concat(channelCode) : undefined; // 构建请求体，按照 curl 请求的格式
           requestBody = {
             business_code: businessCode || '',
             channel_code: channelCode || '',
@@ -110,18 +59,18 @@ export var updateTenantSettingFromUrl = /*#__PURE__*/function () {
             data: data
           };
           url = '/tenant/setting';
-          return _context2.abrupt("return", request.getRequest().post(url, requestBody, {
+          return _context.abrupt("return", request.getRequest().post(url, requestBody, {
             headers: {
               'Content-Type': 'application/json'
             }
           }));
-        case 7:
+        case 8:
         case "end":
-          return _context2.stop();
+          return _context.stop();
       }
-    }, _callee2);
+    }, _callee);
   }));
-  return function updateTenantSettingFromUrl(_x6) {
-    return _ref2.apply(this, arguments);
+  return function updateTenantSettingFromUrl(_x) {
+    return _ref.apply(this, arguments);
   };
 }();

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

@@ -0,0 +1,56 @@
+import React from 'react';
+import { FormInstance } from 'antd';
+import { ModeType } from './type';
+import './style.less';
+export interface WithModeProps {
+    renderMode?: ModeType;
+    value?: any;
+    onChange?: (value: any) => void;
+    [key: string]: any;
+}
+/**
+ * @title: 增加renderMode属性
+ * @description: 基于renderMode属性控制渲染模式
+ * @return: *
+ * @Author: shengjie.zuo
+ * @Date: 2024-11-23 17:13:18
+ */
+export declare const withMode: <P extends object>(FieldComponent: React.ComponentType<P>, ReadPrettyComponent?: React.ComponentType<P & {
+    renderMode: ModeType;
+}> | undefined, transformProps?: ((props: P, renderMode: ModeType) => P) | undefined) => React.FC<P & WithModeProps>;
+export interface WithFormItemProps {
+    name: string;
+    label?: string;
+    mode?: ModeType;
+    [key: string]: any;
+}
+export declare const formItemNameReplace: (name: string) => string;
+export declare const formItemNameReverse: (name: string) => string;
+export declare const isValidDomain: (value: string) => boolean;
+/**
+ * @title: 追加formItem层
+ * @description:
+ * @return: *
+ * @Author: shengjie.zuo
+ * @Date: 2024-11-23 17:14:25
+ */
+export declare const withFormItem: <P extends object>(WrappedComponent: React.ComponentType<P>, overlayProps?: {
+    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;
+}) => JSX.Element;
+export declare const withOptions: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
+    options?: any;
+    optionSourceType?: "custom" | "api" | "default" | undefined;
+    labelField: string;
+    valueField: string;
+    extraParams?: Record<string, any> | undefined;
+}) => 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) => 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;

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

@@ -138,11 +138,10 @@ export var withFormItem = function withFormItem(WrappedComponent, overlayProps)
     var renderComponent = useMemo(function () {
       var _overlayProps$innerPr;
       // 使用renderMode属性，避免和组件mode冲突
-      return /*#__PURE__*/React.createElement(WrappedComponent, _extends({}, otherProps, {
+      return /*#__PURE__*/React.createElement(WrappedComponent, _extends({}, overlayProps === null || overlayProps === void 0 ? void 0 : overlayProps.innerProps, otherProps, {
         mode: propsMode,
-        renderMode: effectiveMode
-      }, overlayProps === null || overlayProps === void 0 ? void 0 : overlayProps.innerProps, {
-        style: _objectSpread(_objectSpread({}, innerStyle || {}), (overlayProps === null || overlayProps === void 0 || (_overlayProps$innerPr = overlayProps.innerProps) === null || _overlayProps$innerPr === void 0 ? void 0 : _overlayProps$innerPr.style) || {}),
+        renderMode: effectiveMode,
+        style: _objectSpread(_objectSpread({}, (overlayProps === null || overlayProps === void 0 || (_overlayProps$innerPr = overlayProps.innerProps) === null || _overlayProps$innerPr === void 0 ? void 0 : _overlayProps$innerPr.style) || {}), innerStyle || {}),
         fieldKey: name,
         isVerification: typeobj === null || typeobj === void 0 ? void 0 : typeobj.enabled,
         size: size

package/es/components/dataSourceComponents/dataSourceTable/filter/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 interface BaseFilterItem {
     name?: string;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -0,0 +1,101 @@
+import React from 'react';
+import { DataSourceTableProps } from '../type';
+import { OperationItem } from '../type';
+interface UseTablePropsProps {
+    data: any;
+    originProps: DataSourceTableProps;
+    openDrawer: (type: OperationItem) => void;
+    closeDrawer: () => void;
+    refreshData: () => void;
+    handleFilterChange: (changedFields: any, allFields: any) => void;
+    tableRef: any;
+    getInitialValues: () => Record<string, any>;
+}
+/**
+ * 处理table的props
+ * 转换title
+ * @param props
+ * @returns
+ */
+declare const useTableProps: (props: UseTablePropsProps) => {
+    currentComponentId: any;
+    title: string | number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
+    pagination: {
+        total: number;
+        current: number;
+        pageSize: number;
+        size: string;
+        showSizeChanger: boolean;
+    };
+    columns: import("./useColumns").Column[];
+    subTitle: string | number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
+    buttons: any[] | null;
+    filter: {
+        dom: any;
+        items: any;
+    } | null;
+    onRow: (record: any) => any;
+    actionButtons: any[] | null;
+    __id?: string | undefined;
+    currentSettingKey?: string | undefined;
+    titleButtons?: {
+        show: boolean;
+        maxCount: number;
+        items: OperationItem[];
+    } | undefined;
+    tableButtons?: {
+        show: boolean;
+        maxCount: number;
+        items: OperationItem[];
+    } | undefined;
+    operation?: {
+        show: boolean;
+        title: string;
+        width: number;
+        align: "center" | "left" | "right";
+        fixed: false | "left" | "right";
+        type: "link" | "button";
+        items: OperationItem[];
+    } | undefined;
+    operationContent?: {
+        [key: string]: React.ReactNode;
+    } | undefined;
+    dataSource: import("../../provider/dataSource/DataSourceContext").DataSourceType;
+    search?: {
+        show: boolean;
+        placeholder: string;
+    } | undefined;
+    __designMode: string;
+    componentId: string;
+    clickToDetail?: {
+        show: boolean;
+        useCustomAction: boolean;
+        actionType: string;
+        openMode: "modal" | "drawer";
+        openContentSize: "small" | "middle" | "large";
+        openTitle: string;
+        key: string;
+    } | undefined;
+    filterBy?: Record<string, any> | undefined;
+    sortBy: string;
+    tabs?: {
+        show: boolean;
+        type: string;
+        items: {
+            name: string;
+            filterBy: Record<string, any>;
+            sortBy: string;
+        }[];
+    } | undefined;
+    onValuesChange?: ((changedValues: any, values: any) => void) | undefined;
+    onDeleteFinish?: ((record: Record<string, any>) => void) | undefined;
+    extraParams?: {
+        list?: Record<string, any> | undefined;
+        get?: Record<string, any> | undefined;
+        update?: Record<string, any> | undefined;
+        create?: Record<string, any> | undefined;
+        destroy?: Record<string, any> | undefined;
+    } | undefined;
+    localSettings?: import("../../../table/types").LocalSettingsType | undefined;
+};
+export default useTableProps;

package/es/components/dataSourceComponents/fields/Input.Mobile/WithMode.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { InputProps } from 'antd';
+import { ModeType } from '../../dataSourceForm/type';
+declare type PhoneValue = string | {
+    phone: string;
+    countryCallingCode: string;
+    countryCode?: string;
+};
+export interface PhoneInputProps extends Omit<InputProps, 'value' | 'onChange'> {
+    renderMode: ModeType;
+    value?: PhoneValue;
+    onChange?: (value: PhoneValue) => void;
+    returnFormat?: 'string' | 'object';
+    inputRef?: any;
+}
+declare const MobileNumberInputWithMode: React.FC<PhoneInputProps & import("../../dataSourceForm/utils").WithModeProps>;
+export default MobileNumberInputWithMode;

package/es/components/dataSourceComponents/fields/Input.Phone/WithMode.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { InputProps } from 'antd';
+import { ModeType } from "../../dataSourceForm/type";
+declare type PhoneValue = string | {
+    phone: string;
+    countryCallingCode: string;
+};
+export interface PhoneInputProps extends Omit<InputProps, 'value' | 'onChange'> {
+    renderMode: ModeType;
+    value?: PhoneValue;
+    onChange?: (value: PhoneValue) => void;
+    returnFormat?: 'string' | 'object';
+    inputRef?: any;
+}
+declare const PhoneNumberInputWithMode: React.FC<PhoneInputProps & import("../../dataSourceForm/utils").WithModeProps>;
+export default PhoneNumberInputWithMode;

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

@@ -1,6 +1,6 @@
 declare const SelectWithDataSource: (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" | "api" | "default" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;

package/es/components/dataSourceComponents/fields/Switch/ReadPretty.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SwitchProps } from './type';
+import './ReadPretty.less';
+declare const SwitchReadPretty: React.FC<SwitchProps>;
+export default SwitchReadPretty;

package/es/components/dataSourceComponents/fields/Switch/ReadPretty.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import Iconfont from "../../../iconfont";
+import "./ReadPretty.less";
+var SwitchReadPretty = function SwitchReadPretty(props) {
+  var value = props.value,
+    checked = props.checked;
+  var isChecked = value !== undefined ? value : checked;
+  return isChecked ? /*#__PURE__*/React.createElement(Iconfont, {
+    type: "pisell2-check",
+    style: {
+      color: 'var(--theme-color)',
+      fontSize: 20
+    }
+  }) : null;
+};
+export default SwitchReadPretty;

package/es/components/dataSourceComponents/fields/Switch/ReadPretty.less

@@ -0,0 +1,2 @@
+// Switch ReadPretty styles
+

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const SwitchWithMode: import("react").FC<import("antd").SwitchProps & import("react").RefAttributes<HTMLElement> & import("../../dataSourceForm/utils").WithModeProps>;
+export default SwitchWithMode;

package/es/components/dataSourceComponents/fields/Switch/WithMode.js

@@ -0,0 +1,5 @@
+import { withMode } from "../../dataSourceForm/utils";
+import { Switch } from 'antd';
+import ReadPretty from "./ReadPretty";
+var SwitchWithMode = withMode(Switch, ReadPretty);
+export default SwitchWithMode;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Switch: React.FC<import("antd").SwitchProps & React.RefAttributes<HTMLElement> & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
+export default Switch;

package/es/components/dataSourceComponents/fields/Switch/index.js

@@ -0,0 +1,8 @@
+import SwitchWithMode from "./WithMode";
+import { withFormItem } from "../../dataSourceForm/utils";
+var Switch = withFormItem(SwitchWithMode, {
+  otherFormItemProps: {
+    valuePropName: 'checked'
+  }
+});
+export default Switch;

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export interface SwitchProps {
+    value?: boolean;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    size?: 'default' | 'small';
+    checkedChildren?: React.ReactNode;
+    unCheckedChildren?: React.ReactNode;
+    autoFocus?: boolean;
+    onChange?: (checked: boolean, event: React.MouseEvent<HTMLButtonElement>) => void;
+    onClick?: (checked: boolean, event: React.MouseEvent<HTMLButtonElement>) => void;
+    renderMode?: 'view' | 'edit' | 'disabled' | 'hidden';
+    [key: string]: any;
+}

package/es/components/dataSourceComponents/fields/Switch/type.js

@@ -0,0 +1 @@
+export {};

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

@@ -34,7 +34,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" | "api" | "default" | undefined;
         labelField: string;
         valueField: string;
         extraParams?: Record<string, any> | undefined;
@@ -59,7 +59,15 @@ declare const formFieldMap: {
     FormItemTranslation: import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     FormItemIconSelect: import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 };
-declare const getFieldComponent: (fieldComponent: string) => (import("react").FC<{}> & {
+declare const getFieldComponent: (fieldComponent: string) => import("react").FC<import("./IconSelect/type").IconSelectProps & 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("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<any> | ((props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
+    options?: any;
+    optionSourceType?: "custom" | "api" | "default" | undefined;
+    labelField: string;
+    valueField: string;
+    extraParams?: Record<string, any> | undefined;
+} & {
+    dataSource?: any;
+}) => JSX.Element) | (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>;
@@ -87,15 +95,7 @@ declare const getFieldComponent: (fieldComponent: string) => (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;
-    labelField: string;
-    valueField: string;
-    extraParams?: Record<string, any> | undefined;
-} & {
-    dataSource?: any;
-}) => 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 & {
+}) | 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>;
+} & 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>;
 export { getFieldComponent, formFieldMap };