@pisell/materials 1.0.472 → 1.0.474

package/es/components/dataSourceComponents/dataSourceTable/type.d.ts

@@ -1,16 +1,64 @@
 /// <reference types="react" />
-import { ColumnType } from "antd/es/table";
-import { DataSourceType } from "../provider/dataSource/DataSourceContext";
+import { ColumnType } from 'antd/es/table';
+import { DataSourceType } from '../provider/dataSource/DataSourceContext';
+export declare type OperationItem = {
+    label?: string;
+    openMode: 'modal' | 'drawer';
+    openContentSize: 'small' | 'middle' | 'large';
+    openTitle: string;
+    actionType: 'detail' | 'edit' | 'delete' | 'custom';
+    key: string;
+    buttonProps?: any;
+};
 export interface DataSourceTableProps {
+    title?: string | React.ReactNode | (() => React.ReactNode);
+    subTitle?: string | React.ReactNode | (() => React.ReactNode);
+    titleButtons?: {
+        show: boolean;
+        maxCount: number;
+        items: OperationItem[];
+    };
+    buttons?: any[];
+    operation?: {
+        show: boolean;
+        title: string;
+        width: number;
+        align: 'left' | 'center' | 'right';
+        fixed: 'left' | 'right' | false;
+        type: 'link' | 'button';
+        items: OperationItem[];
+    };
+    operationContent?: {
+        [key: string]: React.ReactNode;
+    };
     dataSource: DataSourceType;
     columns: ColumnType<any>[];
-    showDetailButton?: boolean;
-    showEditButton?: boolean;
-    showDeleteButton?: boolean;
-    showAddButton?: boolean;
-    detailContent?: React.ReactNode;
-    editContent?: React.ReactNode;
-    addContent?: React.ReactNode;
+    filter: any;
+    search?: {
+        show: boolean;
+        placeholder: string;
+    };
     __designMode: string;
     componentId: string;
+    clickToDetail?: {
+        show: boolean;
+        useCustomAction: boolean;
+        actionType: string;
+        openMode: 'modal' | 'drawer';
+        openContentSize: 'small' | 'middle' | 'large';
+        openTitle: string;
+        key: string;
+    };
+    onRow?: any;
+    filterBy?: Record<string, any>;
+    sortBy: string;
+    tabs?: {
+        show: boolean;
+        type: string;
+        items: {
+            name: string;
+            filterBy: Record<string, any>;
+            sortBy: string;
+        }[];
+    };
 }

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

@@ -0,0 +1,7 @@
+import React from 'react';
+interface BaseWrapperProps {
+    children: React.ReactNode;
+    [key: string]: any;
+}
+declare const BaseWrapper: (props: BaseWrapperProps) => React.JSX.Element;
+export default BaseWrapper;

package/es/components/dataSourceComponents/dataSourceWrapper/BaseWrapper.js

@@ -0,0 +1,23 @@
+import React, { useEffect } from 'react';
+import useDataSource from "../hooks/useDataSource";
+import useVariables from "../hooks/useVariables";
+import useComponentId from "../hooks/useComponentId";
+var BaseWrapper = function BaseWrapper(props) {
+  var children = props.children;
+  var componentId = useComponentId(props);
+  var _useDataSource = useDataSource(),
+    get = _useDataSource.get,
+    list = _useDataSource.list;
+  var _useVariables = useVariables(),
+    registerValueVariable = _useVariables.registerValueVariable;
+  useEffect(function () {
+    if (componentId) {
+      registerValueVariable === null || registerValueVariable === void 0 ? void 0 : registerValueVariable(componentId, {
+        get: get,
+        list: list
+      });
+    }
+  }, [get, list, componentId]);
+  return /*#__PURE__*/React.createElement("div", null, children);
+};
+export default BaseWrapper;

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

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

package/es/components/dataSourceComponents/dataSourceWrapper/index.js

@@ -1,6 +1,21 @@
 import React from 'react';
+import DataSourceProvider from "../provider/dataSource/DataSourceProvider";
+import BaseWrapper from "./BaseWrapper";
+
+// 数据源包装器
 var DataSourceWrapper = function DataSourceWrapper(props) {
-  var children = props.children;
-  return /*#__PURE__*/React.createElement("div", null, children);
+  var children = props.children,
+    dataSource = props.dataSource,
+    overrideData = props.overrideData,
+    autoRun = props.autoRun,
+    actions = props.actions,
+    currentValue = props.currentValue;
+  return /*#__PURE__*/React.createElement(DataSourceProvider, {
+    dataSource: dataSource,
+    overrideData: overrideData,
+    actions: actions,
+    autoRun: autoRun,
+    currentValue: currentValue
+  }, /*#__PURE__*/React.createElement(BaseWrapper, props, children));
 };
 export default DataSourceWrapper;

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

@@ -1,8 +1,14 @@
+import React from 'react';
+import { CheckOutlined } from '@ant-design/icons';
 import useValueMap from "../../hooks/useValueMap";
 import { renderValueWithMap } from "../../dataSourceForm/utils";
 var CheckboxReadPretty = function CheckboxReadPretty(props) {
   var value = props.value;
-  return renderValueWithMap(value);
+  return value ? /*#__PURE__*/React.createElement(CheckOutlined, {
+    style: {
+      color: 'rgb(82, 196, 26)'
+    }
+  }) : null;
 };
 var CheckboxGroupReadPretty = function CheckboxGroupReadPretty(props) {
   var value = props.value,

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

@@ -1,6 +1,8 @@
 import CheckboxWithMode from "./WithMode";
 import { withFormItem, withDataSource, withOptions } from "../../dataSourceForm/utils";
-var Checkbox = withFormItem(CheckboxWithMode);
+var Checkbox = withFormItem(CheckboxWithMode, {
+  valuePropName: 'checked'
+});
 
 // 包装formItem层
 var CheckboxGroupWithFormItem = withFormItem(CheckboxWithMode.Group);

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

@@ -1,4 +1,8 @@
 import { withFormItem } from "../../dataSourceForm/utils";
 import DatePickerWithMode from "./WithMode";
-var DatePicker = withFormItem(DatePickerWithMode);
+var DatePicker = withFormItem(DatePickerWithMode, {
+  innerStyle: {
+    width: '100%'
+  }
+});
 export default DatePicker;

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

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import dayjs from 'dayjs';
+var DateRangePickerReadPretty = function DateRangePickerReadPretty(props) {
+  var value = props.value;
+  return /*#__PURE__*/React.createElement("span", null, value ? dayjs(value).format('YYYY-MM-DD HH:mm:ss') : '');
+};
+export default DateRangePickerReadPretty;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { DateRangePickerProps } from './type';
+declare const DateRangePickerWithMode: import("react").FC<DateRangePickerProps & import("../../dataSourceForm/utils").WithModeProps>;
+export default DateRangePickerWithMode;

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

@@ -0,0 +1,5 @@
+import DatePicker from "../../../date-picker";
+import ReadPretty from "./ReadPretty";
+import { withMode } from "../../dataSourceForm/utils";
+var DateRangePickerWithMode = withMode(DatePicker.RangePicker, ReadPretty);
+export default DateRangePickerWithMode;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const DateRangePicker: React.FC<import("./type").DateRangePickerProps & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
+export default DateRangePicker;

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

@@ -0,0 +1,5 @@
+import { withFormItem } from "../../dataSourceForm/utils";
+import DatePickerWithMode from "./WithMode";
+import "./index.less";
+var DateRangePicker = withFormItem(DatePickerWithMode);
+export default DateRangePicker;

package/es/components/dataSourceComponents/fields/DateRangePicker/index.less

@@ -0,0 +1,14 @@
+.filter-form-wrapper {
+  .pisell-date-range-picker {
+    border-radius: 10px;
+    background: #fff;
+  }
+
+  .MuiInputBase-root {
+    border-radius: 10px !important;
+  }
+
+  .MuiOutlinedInput-notchedOutline {
+    border: 1px solid #d0d5dd !important;
+  }
+}

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

@@ -0,0 +1,4 @@
+import { ModeType } from '../../dataSourceForm/type';
+export interface DateRangePickerProps extends Omit<any, 'renderMode'> {
+    renderMode: ModeType;
+}

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

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

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

@@ -3,11 +3,16 @@ import JSON from '../Input.Json';
 import Password from '../Input.Password';
 import TextArea from '../Input.TextArea';
 import Url from '../Input.Url';
-declare type InputComponent = React.FC & {
+import Email from '../Input.Email';
+import Phone from '../Input.Phone';
+import { InputProps } from './type';
+declare type InputComponent = React.FC<InputProps> & {
     JSON: typeof JSON;
     Password: typeof Password;
     TextArea: typeof TextArea;
     URL: typeof Url;
+    Email: typeof Email;
+    Phone: typeof Phone;
 };
 declare const Input: InputComponent;
 export default Input;

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

@@ -2,6 +2,8 @@ import JSON from "../Input.Json";
 import Password from "../Input.Password";
 import TextArea from "../Input.TextArea";
 import Url from "../Input.Url";
+import Email from "../Input.Email";
+import Phone from "../Input.Phone";
 import InputWithMode from "./WithMode";
 import { withFormItem } from "../../dataSourceForm/utils";
 var Input = withFormItem(InputWithMode);
@@ -9,4 +11,6 @@ Input.JSON = JSON;
 Input.Password = Password;
 Input.TextArea = TextArea;
 Input.URL = Url;
+Input.Email = Email;
+Input.Phone = Phone;
 export default Input;

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

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

package/es/components/dataSourceComponents/fields/Input.Email/ReadPretty.js

@@ -0,0 +1,5 @@
+import React from 'react';
+var InputReadPretty = function InputReadPretty(props) {
+  return /*#__PURE__*/React.createElement("span", null, props.value);
+};
+export default InputReadPretty;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { InputProps } from 'antd';
+declare const EmailWithMode: React.FC<InputProps & import("../../dataSourceForm/utils").WithModeProps>;
+export default EmailWithMode;

package/es/components/dataSourceComponents/fields/Input.Email/WithMode.js

@@ -0,0 +1,17 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { Input as AntInput } from 'antd';
+import Icon from "../../../icon";
+import ReadPretty from "./ReadPretty";
+import { withMode } from "../../dataSourceForm/utils";
+var Email = function Email(props) {
+  return /*#__PURE__*/React.createElement(AntInput, _extends({}, props, {
+    prefix: /*#__PURE__*/React.createElement(Icon, {
+      type: "pisell2-mail-01",
+      size: 18,
+      color: "#98A2B3"
+    })
+  }));
+};
+var EmailWithMode = withMode(Email, ReadPretty);
+export default EmailWithMode;

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

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

package/es/components/dataSourceComponents/fields/Input.Email/index.js

@@ -0,0 +1,4 @@
+import { withFormItem } from "../../dataSourceForm/utils";
+import EmailWithMode from "./WithMode";
+var Email = withFormItem(EmailWithMode);
+export default Email;

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

@@ -0,0 +1,5 @@
+import { InputProps as AntInputProps } from 'antd';
+import { ModeType } from "../../dataSourceForm/type";
+export interface InputProps extends AntInputProps {
+    renderMode: ModeType;
+}

package/es/components/dataSourceComponents/fields/Input.Email/type.js

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

package/es/components/dataSourceComponents/fields/Input.Json/ReadPretty.js

@@ -2,9 +2,9 @@ import React from 'react';
 import { isString, isPlainObject } from '@pisell/utils';
 var JsonReadPretty = function JsonReadPretty(props) {
   if (isString(props.value)) {
-    return /*#__PURE__*/React.createElement("span", null, props.value);
+    return /*#__PURE__*/React.createElement("pre", null, props.value);
   } else if (isPlainObject(props.value)) {
-    return /*#__PURE__*/React.createElement("span", null, JSON.stringify(props.value, null, 2));
+    return /*#__PURE__*/React.createElement("pre", null, JSON.stringify(props.value, null, 2));
   }
   return null;
 };

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const JsonWithMode: import("react").FC<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef> & import("../../dataSourceForm/utils").WithModeProps>;
+import React from 'react';
+declare const JsonWithMode: React.FC<any>;
 export default JsonWithMode;

package/es/components/dataSourceComponents/fields/Input.Json/WithMode.js

@@ -1,5 +1,45 @@
+var _excluded = ["onChange", "onBlur", "value"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useState, useEffect } from 'react';
 import { Input as AntInput } from 'antd';
 import ReadPretty from "./ReadPretty";
 import { withMode } from "../../dataSourceForm/utils";
-var JsonWithMode = withMode(AntInput.TextArea, ReadPretty);
+var JsonInput = function JsonInput(props) {
+  var onChange = props.onChange,
+    onBlur = props.onBlur,
+    value = props.value,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var _useState = useState(value),
+    _useState2 = _slicedToArray(_useState, 2),
+    innerValue = _useState2[0],
+    setInnerValue = _useState2[1];
+  useEffect(function () {
+    setInnerValue(value);
+  }, [value]);
+  var handleChange = function handleChange(e) {
+    setInnerValue(e.target.value);
+  };
+  var handleBlur = function handleBlur(e) {
+    if (onBlur) {
+      onBlur(e);
+    }
+    if (onChange) {
+      onChange(e.target.value);
+    }
+  };
+  return /*#__PURE__*/React.createElement(AntInput.TextArea, _extends({}, restProps, {
+    value: innerValue,
+    onChange: handleChange,
+    onBlur: handleBlur
+  }));
+};
+var JsonWithMode = withMode(JsonInput, ReadPretty);
 export default JsonWithMode;

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

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const Json: React.FC<import("antd/es/input").TextAreaProps & React.RefAttributes<import("antd/es/input/TextArea").TextAreaRef> & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
+declare const Json: React.FC<any>;
 export default Json;

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

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

package/es/components/dataSourceComponents/fields/Input.Phone/ReadPretty.js

@@ -0,0 +1,5 @@
+import React from 'react';
+var InputReadPretty = function InputReadPretty(props) {
+  return /*#__PURE__*/React.createElement("span", null, props.value);
+};
+export default InputReadPretty;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { InputProps } from 'antd';
+declare const PhoneWithMode: React.FC<InputProps & import("../../dataSourceForm/utils").WithModeProps>;
+export default PhoneWithMode;

package/es/components/dataSourceComponents/fields/Input.Phone/WithMode.js

@@ -0,0 +1,12 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { Input as AntInput } from 'antd';
+import ReadPretty from "./ReadPretty";
+import { withMode } from "../../dataSourceForm/utils";
+var Phone = function Phone(props) {
+  return /*#__PURE__*/React.createElement(AntInput, _extends({}, props, {
+    type: "tel"
+  }));
+};
+var PhoneWithMode = withMode(Phone, ReadPretty);
+export default PhoneWithMode;

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

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

package/es/components/dataSourceComponents/fields/Input.Phone/index.js

@@ -0,0 +1,4 @@
+import { withFormItem } from "../../dataSourceForm/utils";
+import PhoneWithMode from "./WithMode";
+var Phone = withFormItem(PhoneWithMode);
+export default Phone;

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

@@ -0,0 +1,5 @@
+import { InputProps as AntInputProps } from 'antd';
+import { ModeType } from "../../dataSourceForm/type";
+export interface InputProps extends AntInputProps {
+    renderMode: ModeType;
+}

package/es/components/dataSourceComponents/fields/Input.Phone/type.js

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

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

@@ -1,4 +1,8 @@
 import { withFormItem } from "../../dataSourceForm/utils";
 import InputNumberWithMode from "./WithMode";
-var InputNumber = withFormItem(InputNumberWithMode);
+var InputNumber = withFormItem(InputNumberWithMode, {
+  innerStyle: {
+    width: '100%'
+  }
+});
 export default InputNumber;

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

@@ -1,7 +1,7 @@
 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?: string | undefined;
+    optionSourceType?: "default" | "custom" | "api" | undefined;
     labelField: string;
     valueField: string;
 } & {

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

@@ -1,23 +1,64 @@
 /// <reference types="react" />
+declare const formFieldMap: {
+    Checkbox: 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>;
+    };
+    ColorPicker: import("react").FC<import("antd").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+    DatePicker: import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps>;
+    Input: 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>;
+        URL: import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+        Email: import("react").FC<import("antd").InputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+        Phone: import("react").FC<import("antd").InputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+    };
+    Radio: 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>;
+    };
+    Select: (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;
+    } & {
+        dataSource?: any;
+    }) => import("react").JSX.Element;
+    InputNumber: import("react").FC<any>;
+    Percent: import("react").FC<any>;
+    TimePicker: import("react").FC<import("antd").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+    'Input.JSON': import("react").FC<any>;
+    'Input.URL': import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+    'Input.Password': import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+    'Radio.Group': import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+    'Checkbox.Group': import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+    DateRangePicker: import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & 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("antd").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").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef> & 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<{}> & {
-    JSON: 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>;
+}) | import("react").FC<import("antd").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("./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>;
     URL: import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+    Email: import("react").FC<import("antd").InputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+    Phone: import("react").FC<import("antd").InputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 }) | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | (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?: string | undefined;
+    optionSourceType?: "default" | "custom" | "api" | undefined;
     labelField: string;
     valueField: string;
 } & {
     dataSource?: any;
-}) => import("react").JSX.Element) | import("react").FC<import("antd").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
-export { getFieldComponent };
+}) => import("react").JSX.Element) | import("react").FC<import("antd").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+export { getFieldComponent, formFieldMap };

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

@@ -6,6 +6,9 @@ import Radio from "./Radio";
 import Select from "./Select";
 import InputNumber from "./InputNumber";
 import TimePicker from "./TimePicker";
+import DateRangePicker from "./DateRangePicker";
+
+// 表单字段组件映射 增加时需要同步更新 utils 中的 formFieldFilterFuncMap
 var formFieldMap = {
   Checkbox: Checkbox,
   ColorPicker: ColorPicker,
@@ -14,14 +17,16 @@ var formFieldMap = {
   Radio: Radio,
   Select: Select,
   InputNumber: InputNumber,
+  Percent: InputNumber,
   TimePicker: TimePicker,
   'Input.JSON': Input.JSON,
   'Input.URL': Input.URL,
   'Input.Password': Input.Password,
   'Radio.Group': Radio.Group,
-  'Checkbox.Group': Checkbox.Group
+  'Checkbox.Group': Checkbox.Group,
+  DateRangePicker: DateRangePicker
 };
 var getFieldComponent = function getFieldComponent(fieldComponent) {
   return formFieldMap[fieldComponent];
 };
-export { getFieldComponent };
+export { getFieldComponent, formFieldMap };