@pisell/materials 1.8.12 → 1.8.14

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

@@ -419,9 +419,13 @@ export var withFormItem = function withFormItem(WrappedComponent, overlayProps)
 };
 export var withDataSource = function withDataSource(WrappedComponent) {
   return function (props) {
-    var dataSource = props.dataSource;
+    var dataSource = props.dataSource,
+      extraParams = props.extraParams;
     return /*#__PURE__*/React.createElement(DataSourceProvider, {
       dataSource: dataSource,
+      extraParams: {
+        list: extraParams
+      },
       requestOptions: {
         list: {
           cacheKey: "".concat(dataSource === null || dataSource === void 0 ? void 0 : dataSource.headerDataSource, "-").concat(dataSource === null || dataSource === void 0 ? void 0 : dataSource.name, "-").concat(dataSource === null || dataSource === void 0 ? void 0 : dataSource.tableName)

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

@@ -4,5 +4,5 @@ import { PisellMenuProps } from '../../pisellMenu/types';
  * @title: 数据源表单组件
  * @description: 基于数据源动态生成表单，支持编辑、查看、禁用三种模式
  */
-declare const DataSourceMenu: (props: PisellMenuProps, ref: React.Ref<any>) => JSX.Element;
+declare const DataSourceMenu: (props: PisellMenuProps, ref: React.Ref<any>) => React.JSX.Element;
 export default DataSourceMenu;

package/es/components/dataSourceComponents/dataSourceShow/dataSourceImage/index.d.ts

@@ -1,2 +1,3 @@
-declare const DataSourceImage: (props: import("../utils").ParsedProps) => JSX.Element;
+import React from 'react';
+declare const DataSourceImage: (props: import("../utils").ParsedProps) => React.JSX.Element;
 export default DataSourceImage;

package/es/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts

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

package/es/components/dataSourceComponents/dataSourceShow/dataSourceTypography/index.d.ts

@@ -4,7 +4,7 @@ interface DataSourceTypographyProps {
     children: React.ReactNode;
 }
 declare const DataSourceTypography: {
-    (props: DataSourceTypographyProps): JSX.Element;
-    Text: (props: import("../utils").ParsedProps) => JSX.Element;
+    (props: DataSourceTypographyProps): React.JSX.Element;
+    Text: (props: import("../utils").ParsedProps) => React.JSX.Element;
 };
 export default DataSourceTypography;

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

@@ -2,5 +2,5 @@ import React from 'react';
 export interface ParsedProps {
     [key: string]: unknown;
 }
-declare const withParseVariables: <P extends ParsedProps>(Component: React.ComponentType<P>, keys: string[]) => (props: P) => JSX.Element;
+declare const withParseVariables: <P extends ParsedProps>(Component: React.ComponentType<P>, keys: string[]) => (props: P) => React.JSX.Element;
 export default withParseVariables;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
 interface BaseFilterItem {
     name?: string;
@@ -23,5 +24,5 @@ interface FilterProps {
     };
     getInitialValues?: () => Record<string, any>;
 }
-declare const Filter: (props: FilterProps) => JSX.Element;
+declare const Filter: (props: FilterProps) => React.JSX.Element;
 export default Filter;

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

@@ -1,7 +1,8 @@
+import React from 'react';
 import { FilterItemProps } from '../../../filter/types';
 import { DataSourceType, Field } from '../../provider/dataSource/DataSourceContext';
 export declare const genGetField: (dataSource?: DataSourceType) => (key: string) => Field;
-export declare const field2Cpt: (field: Field, item: any, otherProps?: any) => JSX.Element | null;
-export declare const genFilterItems: (list: FilterItemProps[], dataSource?: DataSourceType) => (JSX.Element | null)[];
+export declare const field2Cpt: (field: Field, item: any, otherProps?: any) => React.JSX.Element | null;
+export declare const genFilterItems: (list: FilterItemProps[], dataSource?: DataSourceType) => (React.JSX.Element | null)[];
 export declare const getStoredFilterOrder: (componentId: string) => any;
 export declare const saveFilterOrder: (componentId: string, order: any) => void;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const useDrawerState: (operationContent?: {
     [key: string]: import("react").ReactNode;
 } | undefined) => any;

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

@@ -41,8 +41,8 @@ export declare type FilterCondition = {
     [key: string]: FilterConditionValue;
 } | AndFilterValue;
 declare const useFormat: ({ dataSourceKey, fields }: UseFormatParams) => {
-    formatListResult: (res: FormatListResultParams) => ListResult;
-    formatListParams: (params: any) => any;
-    formatCreateUpdateParams: (params: any) => any;
+    formatListResult: (this: unknown, res: FormatListResultParams) => ListResult;
+    formatListParams: (this: unknown, params: any) => any;
+    formatCreateUpdateParams: (this: unknown, params: any) => any;
 };
 export default useFormat;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useFormat.js

@@ -138,22 +138,40 @@ var useFormat = function useFormat(_ref4) {
     fields = _ref4.fields;
   // list接口请求 结果格式化
   var formatListResult = useMemoizedFn(function (res) {
-    if (dataSourceKey === 'pisell2-api' && 'list' in res && 'page' in res) {
-      return {
-        data: res.list,
-        count: res.count,
-        page: res.page,
-        pageSize: res.size
-      };
+    if (dataSourceKey === 'pisell2-api') {
+      if (Array.isArray(res)) {
+        return {
+          data: res,
+          count: res.length,
+          page: 1,
+          pageSize: res.length
+        };
+      } else if ('list' in res && 'page' in res) {
+        return {
+          data: res.list,
+          count: res.count,
+          page: res.page,
+          pageSize: res.size
+        };
+      }
     }
-    if (dataSourceKey === 'mypisell-api' && 'list' in res && 'skip' in res) {
-      var skip = typeof res.skip === 'number' ? res.skip : 1;
-      return {
-        data: res.list,
-        count: res.count,
-        page: skip - 1 || 1,
-        pageSize: res.size
-      };
+    if (dataSourceKey === 'mypisell-api') {
+      if (Array.isArray(res)) {
+        return {
+          data: res,
+          count: res.length,
+          page: 1,
+          pageSize: res.length
+        };
+      } else if ('list' in res && 'skip' in res) {
+        var skip = typeof res.skip === 'number' ? res.skip : 1;
+        return {
+          data: res.list,
+          count: res.count,
+          page: skip - 1 || 1,
+          pageSize: res.size
+        };
+      }
     }
     if ('meta' in res) {
       return {

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

@@ -19,7 +19,7 @@ interface UseTablePropsProps {
  */
 declare const useTableProps: (props: UseTablePropsProps) => {
     currentComponentId: any;
-    title: number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
+    title: number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
     pagination: {
         total: number;
         current: number;
@@ -28,13 +28,13 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         showSizeChanger: boolean;
     };
     columns: import("./useColumns").Column[];
-    subTitle: number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
+    subTitle: number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
     buttons: any[] | null;
     filter: {
         dom: any;
         items: any;
     } | null;
-    onRow: (record: any) => any;
+    onRow: (this: unknown, record: any) => any;
     actionButtons: any[] | null;
     __id?: string | undefined;
     currentSettingKey?: string | undefined;
@@ -52,9 +52,9 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         show: boolean;
         title: string;
         width: number;
-        align: "center" | "left" | "right";
+        align: "left" | "right" | "center";
         fixed: false | "left" | "right";
-        type: "button" | "link";
+        type: "link" | "button";
         items: OperationItem[];
     } | undefined;
     operationContent?: {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataSourceTableProps } from '../type';
 declare type Params = {
     pagination?: {
@@ -24,10 +25,10 @@ declare const useTableQuery: (props: DataSourceTableProps, currentSettingHash: s
         filter: Record<string, any>;
         sort: string;
     }>>;
-    handleValuesChange: (params: Params, allParams: Params) => void;
-    refreshData: () => void;
-    handleFilterChange: (changedFields: any, allFields: any) => void;
-    refreshCurrentPage: () => void;
-    getInitialValues: () => Record<string, any>;
+    handleValuesChange: (this: unknown, params: Params, allParams: Params) => void;
+    refreshData: (this: unknown) => void;
+    handleFilterChange: (this: unknown, changedFields: any, allFields: any) => void;
+    refreshCurrentPage: (this: unknown) => void;
+    getInitialValues: (this: unknown) => Record<string, any>;
 };
 export default useTableQuery;

package/es/components/dataSourceComponents/dataSourceWrapper/BaseWrapper.d.ts

@@ -3,5 +3,5 @@ interface BaseWrapperProps {
     children: React.ReactNode;
     [key: string]: any;
 }
-declare const BaseWrapper: (props: BaseWrapperProps) => JSX.Element;
+declare const BaseWrapper: (props: BaseWrapperProps) => React.JSX.Element;
 export default BaseWrapper;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { DataSourceContextProps } from '../provider/dataSource/DataSourceContext';
-declare const DataSourceWrapper: (props: DataSourceContextProps) => JSX.Element;
+declare const DataSourceWrapper: (props: DataSourceContextProps) => React.JSX.Element;
 export default DataSourceWrapper;

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

@@ -1,4 +1,5 @@
+import React from 'react';
 import { ColorPickerProps } from './type';
 import './ReadPretty.less';
-declare const ColorPickerReadPretty: (props: ColorPickerProps) => JSX.Element;
+declare const ColorPickerReadPretty: (props: ColorPickerProps) => React.JSX.Element;
 export default ColorPickerReadPretty;

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

@@ -1,4 +1,5 @@
+import React from 'react';
 import { DateRangePickerProps } from './type';
 import './ReadPretty.less';
-declare const DateRangePickerReadPretty: (props: DateRangePickerProps) => JSX.Element;
+declare const DateRangePickerReadPretty: (props: DateRangePickerProps) => React.JSX.Element;
 export default DateRangePickerReadPretty;

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

@@ -1,4 +1,5 @@
+import React from 'react';
 import { IconSelectProps } from './type';
 import './ReadPretty.less';
-declare const IconSelectReadPretty: (props: IconSelectProps) => JSX.Element | null;
+declare const IconSelectReadPretty: (props: IconSelectProps) => React.JSX.Element | null;
 export default IconSelectReadPretty;

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

@@ -1,4 +1,5 @@
+import React from 'react';
 import { InputProps } from './type';
 import './ReadPretty.less';
-declare const InputReadPretty: (props: InputProps) => JSX.Element;
+declare const InputReadPretty: (props: InputProps) => React.JSX.Element;
 export default InputReadPretty;

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

@@ -1,4 +1,5 @@
+import React from 'react';
 import { InputProps } from './type';
 import './ReadPretty.less';
-declare const InputReadPretty: (props: InputProps) => JSX.Element;
+declare const InputReadPretty: (props: InputProps) => React.JSX.Element;
 export default InputReadPretty;

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

@@ -1,4 +1,5 @@
+import React from 'react';
 import { JsonProps } from "./type";
 import "./ReadPretty.less";
-declare const JsonReadPretty: (props: JsonProps) => JSX.Element | null;
+declare const JsonReadPretty: (props: JsonProps) => React.JSX.Element | null;
 export default JsonReadPretty;

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

@@ -0,0 +1,26 @@
+/**
+ * 获取nocobase数据列表
+ */
+export declare const getCountryDataList: () => Promise<any>;
+export interface Country {
+    id: number;
+    name: {
+        en: string;
+        'zh-CN': string;
+        'zh-HK': string;
+        'ja': string;
+        'pt': string;
+        original: string;
+    };
+    code: string;
+    calling_code: string;
+    currency_code: string;
+    sort: number;
+    status: string;
+    created_at: string;
+    updated_at: string;
+    prefix: string;
+}
+export declare const useCountries: () => {
+    data: Country[];
+};

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

@@ -1,4 +1,5 @@
+import React from 'react';
 import { PasswordProps } from './type';
 import './ReadPretty.less';
-declare const PasswordReadPretty: (props: PasswordProps) => JSX.Element;
+declare const PasswordReadPretty: (props: PasswordProps) => React.JSX.Element;
 export default PasswordReadPretty;

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

@@ -0,0 +1,27 @@
+/**
+ * 获取nocobase数据列表
+ */
+export declare const getCountryDataList: () => Promise<any>;
+export declare const getShopCountryDataList: (locale?: any) => Promise<any>;
+export interface Country {
+    id: number;
+    name: {
+        en: string;
+        'zh-CN': string;
+        'zh-HK': string;
+        'ja': string;
+        'pt': string;
+        original: string;
+    };
+    code: string;
+    calling_code: string;
+    currency_code: string;
+    sort: number;
+    status: string;
+    created_at: string;
+    updated_at: string;
+    prefix: string;
+}
+export declare const useCountries: () => {
+    data: Country[];
+};

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

@@ -1,4 +1,5 @@
+import React from 'react';
 import { InputProps } from './type';
 import './ReadPretty.less';
-declare const InputReadPretty: (props: InputProps) => JSX.Element;
+declare const InputReadPretty: (props: InputProps) => React.JSX.Element;
 export default InputReadPretty;

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

@@ -2,7 +2,7 @@ import React from 'react';
 declare const Subdomain: React.FC<import("antd").InputProps & {
     onChange: (value: string) => void;
     onBlur?: ((e: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-    rootDomain: "custom" | "saas" | "xzero";
+    rootDomain: "saas" | "custom" | "xzero";
     customDomain?: string | undefined;
     value?: string | undefined;
     tenantId: string;

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

@@ -1,4 +1,5 @@
+import React from 'react';
 import { TextAreaProps } from "./type";
 import "./ReadPretty.less";
-declare const TextAreaReadPretty: (props: TextAreaProps) => JSX.Element;
+declare const TextAreaReadPretty: (props: TextAreaProps) => React.JSX.Element;
 export default TextAreaReadPretty;

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

@@ -1,5 +1,6 @@
+import React from 'react';
 import { UrlProps } from './type';
 import './ReadPretty.less';
 export declare const formatUrl: (url: string) => string;
-declare const UrlReadPretty: (props: UrlProps) => JSX.Element;
+declare const UrlReadPretty: (props: UrlProps) => React.JSX.Element;
 export default UrlReadPretty;

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

@@ -1,10 +1,12 @@
+import React from 'react';
 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?: "default" | "api" | "custom" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;
 } & {
     dataSource?: any;
-}) => JSX.Element;
+    extraParams?: Record<string, any> | undefined;
+}) => React.JSX.Element;
 export default SelectWithDataSource;

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

@@ -1,4 +1,5 @@
+import React from 'react';
 import { TimePickerProps } from './type';
 import './ReadPretty.less';
-declare const TimePickerReadPretty: (props: TimePickerProps) => JSX.Element;
+declare const TimePickerReadPretty: (props: TimePickerProps) => React.JSX.Element;
 export default TimePickerReadPretty;

package/es/components/dataSourceComponents/fields/Translation/BaseTranslation.d.ts

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

package/es/components/dataSourceComponents/fields/Translation/BaseTranslation.js

@@ -50,7 +50,8 @@ var Translation = function Translation(_ref) {
     disabled = _ref.disabled,
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'text' : _ref$type,
-    maxLength = _ref.maxLength;
+    maxLength = _ref.maxLength,
+    inputStyle = _ref.inputStyle;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -101,7 +102,8 @@ var Translation = function Translation(_ref) {
       value: (value === null || value === void 0 ? void 0 : value[key]) || "",
       onChange: handleInputChange(key),
       allowClear: true,
-      maxLength: maxLength
+      maxLength: maxLength,
+      style: inputStyle || {}
     }));
   })));
   return /*#__PURE__*/React.createElement("div", {
@@ -112,7 +114,8 @@ var Translation = function Translation(_ref) {
     placeholder: placeholder,
     disabled: disabled,
     className: "translation-input",
-    maxLength: maxLength
+    maxLength: maxLength,
+    style: inputStyle || {}
   }), /*#__PURE__*/React.createElement(Popover, {
     content: content,
     trigger: "click",

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

@@ -1,4 +1,5 @@
+import React from 'react';
 import { TranslationProps } from './type';
 import './ReadPretty.less';
-declare const TranslationReadPretty: (props: TranslationProps) => JSX.Element;
+declare const TranslationReadPretty: (props: TranslationProps) => React.JSX.Element;
 export default TranslationReadPretty;

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { ModeType } from "../../dataSourceForm/type";
+export interface TranslationValue {
+    en: string;
+    'zh-CN': string;
+    'zh-HK': string;
+    'ja': string;
+    'pt': string;
+    original: string;
+}
+export interface TranslationProps {
+    renderMode: ModeType;
+    value?: TranslationValue;
+    onChange?: (value: TranslationValue) => void;
+    disabled?: boolean;
+    placeholder?: string;
+    className?: string;
+    type?: 'text' | 'textarea';
+    maxLength?: number;
+    inputStyle?: React.CSSProperties;
+}

package/es/components/dataSourceComponents/fields/Upload/CameraPopover.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 declare const CameraPopover: (props: {
     onLocalFileClick: () => void;
     onCameraChange: (file: any) => void;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default CameraPopover;

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

@@ -1,4 +1,5 @@
+import React from 'react';
 import { UploadProps } from './type';
 import './ReadPretty.less';
-declare const UploadReadPretty: (props: UploadProps) => JSX.Element | null;
+declare const UploadReadPretty: (props: UploadProps) => React.JSX.Element | null;
 export default UploadReadPretty;

package/es/components/dataSourceComponents/fields/Upload/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const SUPPORTED_LANGUAGES: readonly ["original", "en", "zh-CN", "zh-HK", "ja", "pt"];
+export declare const DEFAULT_MAX_COUNT = 9;
+export declare const DEFAULT_UID = "-1";
+export declare const MEDIA_TYPES: {
+    readonly VIDEO: "video/";
+    readonly AUDIO: "audio/";
+};
+export declare const IMAGE_QUALITY = 0.8;
+export declare const IMAGE_TYPE = "image/jpeg";

package/es/components/dataSourceComponents/fields/Upload/utils.d.ts

@@ -0,0 +1,18 @@
+import { RcFile, UploadFile } from 'antd/es/upload/interface';
+import type { MediaMetadata, FileCountValidation, ValidationResult, MultilingualFile, FileListOptions, UploadValue, SingleMultilingualValue } from './types';
+export declare const generateUid: () => string;
+export declare const getSuffix: (name: string) => string;
+export declare const getPointSuffix: (name: string) => string;
+export declare const getFileType: (name: string) => string;
+export declare const getFileName: (url: string) => string;
+export declare const checkFileCount: ({ multiple, minCount, maxCount, valueLength, }: FileCountValidation) => ValidationResult;
+export declare const getMediaMetadata: (file: RcFile) => Promise<MediaMetadata | null>;
+export declare const genFileListByString: (value: string) => UploadFile[];
+export declare const createMultilingualData: (value: string) => SingleMultilingualValue;
+export declare const createMultilingualFileList: (value: string) => Record<string, UploadFile<any>[]>;
+export declare const getDefaultFileList: (value: UploadValue | undefined, options: FileListOptions) => MultilingualFile[];
+export declare const getFileMetadataParams: (file: RcFile & {
+    metadata?: MediaMetadata;
+}) => Record<string, any>;
+export declare const isValueEqual: (value: any, fileListValue: any) => boolean;
+export declare const getBaseTime: (size: number) => 2000 | 1000 | 4000 | 8000;

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: "saas" | "custom" | "xzero";
             customDomain?: string | undefined;
             value?: string | undefined;
             tenantId: string;
@@ -34,13 +35,14 @@ 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?: "default" | "api" | "custom" | undefined;
         labelField: string;
         valueField: string;
         extraParams?: Record<string, any> | undefined;
     } & {
         dataSource?: any;
-    }) => JSX.Element;
+        extraParams?: Record<string, any> | undefined;
+    }) => import("react").JSX.Element;
     FormItemInputNumber: import("react").FC<any>;
     FormItemPercent: import("react").FC<any>;
     FormItemTimePicker: import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
@@ -59,13 +61,9 @@ 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<any> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | (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("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & 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").InputProps & {
+declare const getFieldComponent: (fieldComponent: string) => import("react").FC<import("./TimePicker/type").TimePickerProps & 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("./Input.Phone/WithMode").PhoneInputProps & 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("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & 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("./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("./Input/type").InputProps> & {
+} & 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("./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>;
@@ -78,24 +76,29 @@ 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: "saas" | "custom" | "xzero";
         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<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | (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("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>;
 }) | ((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?: "default" | "api" | "custom" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;
 } & {
     dataSource?: any;
-}) => JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & 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("./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>;
+    extraParams?: Record<string, any> | undefined;
+}) => import("react").JSX.Element) | 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>;
 export { getFieldComponent, formFieldMap };