@pisell/materials 1.0.472 → 1.0.474

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

@@ -0,0 +1,38 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/fields/Input.Email/index.tsx
+var Input_exports = {};
+__export(Input_exports, {
+  default: () => Input_default
+});
+module.exports = __toCommonJS(Input_exports);
+var import_utils = require("../../dataSourceForm/utils");
+var import_WithMode = __toESM(require("./WithMode"));
+var Email = (0, import_utils.withFormItem)(import_WithMode.default);
+var Input_default = Email;

package/lib/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/lib/components/dataSourceComponents/fields/Input.Email/type.js

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

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

@@ -36,9 +36,9 @@ var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
 var JsonReadPretty = (props) => {
   if ((0, import_utils.isString)(props.value)) {
-    return /* @__PURE__ */ import_react.default.createElement("span", null, props.value);
+    return /* @__PURE__ */ import_react.default.createElement("pre", null, props.value);
   } else if ((0, import_utils.isPlainObject)(props.value)) {
-    return /* @__PURE__ */ import_react.default.createElement("span", null, JSON.stringify(props.value, null, 2));
+    return /* @__PURE__ */ import_react.default.createElement("pre", null, JSON.stringify(props.value, null, 2));
   }
   return null;
 };

package/lib/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/lib/components/dataSourceComponents/fields/Input.Json/WithMode.js

@@ -26,14 +26,42 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/dataSourceComponents/fields/Input.Json/WithMode.ts
+// src/components/dataSourceComponents/fields/Input.Json/WithMode.tsx
 var WithMode_exports = {};
 __export(WithMode_exports, {
   default: () => WithMode_default
 });
 module.exports = __toCommonJS(WithMode_exports);
+var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_ReadPretty = __toESM(require("./ReadPretty"));
 var import_utils = require("../../dataSourceForm/utils");
-var JsonWithMode = (0, import_utils.withMode)(import_antd.Input.TextArea, import_ReadPretty.default);
+var JsonInput = (props) => {
+  const { onChange, onBlur, value, ...restProps } = props;
+  const [innerValue, setInnerValue] = (0, import_react.useState)(value);
+  (0, import_react.useEffect)(() => {
+    setInnerValue(value);
+  }, [value]);
+  const handleChange = (e) => {
+    setInnerValue(e.target.value);
+  };
+  const handleBlur = (e) => {
+    if (onBlur) {
+      onBlur(e);
+    }
+    if (onChange) {
+      onChange(e.target.value);
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Input.TextArea,
+    {
+      ...restProps,
+      value: innerValue,
+      onChange: handleChange,
+      onBlur: handleBlur
+    }
+  );
+};
+var JsonWithMode = (0, import_utils.withMode)(JsonInput, import_ReadPretty.default);
 var WithMode_default = JsonWithMode;

package/lib/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/lib/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/lib/components/dataSourceComponents/fields/Input.Phone/ReadPretty.js

@@ -0,0 +1,39 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/fields/Input.Phone/ReadPretty.tsx
+var ReadPretty_exports = {};
+__export(ReadPretty_exports, {
+  default: () => ReadPretty_default
+});
+module.exports = __toCommonJS(ReadPretty_exports);
+var import_react = __toESM(require("react"));
+var InputReadPretty = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement("span", null, props.value);
+};
+var ReadPretty_default = InputReadPretty;

package/lib/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/lib/components/dataSourceComponents/fields/Input.Phone/WithMode.js

@@ -0,0 +1,43 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/fields/Input.Phone/WithMode.tsx
+var WithMode_exports = {};
+__export(WithMode_exports, {
+  default: () => WithMode_default
+});
+module.exports = __toCommonJS(WithMode_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_ReadPretty = __toESM(require("./ReadPretty"));
+var import_utils = require("../../dataSourceForm/utils");
+var Phone = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { ...props, type: "tel" });
+};
+var PhoneWithMode = (0, import_utils.withMode)(Phone, import_ReadPretty.default);
+var WithMode_default = PhoneWithMode;

package/lib/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/lib/components/dataSourceComponents/fields/Input.Phone/index.js

@@ -0,0 +1,38 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/fields/Input.Phone/index.tsx
+var Input_exports = {};
+__export(Input_exports, {
+  default: () => Input_default
+});
+module.exports = __toCommonJS(Input_exports);
+var import_utils = require("../../dataSourceForm/utils");
+var import_WithMode = __toESM(require("./WithMode"));
+var Phone = (0, import_utils.withFormItem)(import_WithMode.default);
+var Input_default = Phone;

package/lib/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/lib/components/dataSourceComponents/fields/Input.Phone/type.js

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

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

@@ -34,5 +34,9 @@ __export(InputNumber_exports, {
 module.exports = __toCommonJS(InputNumber_exports);
 var import_utils = require("../../dataSourceForm/utils");
 var import_WithMode = __toESM(require("./WithMode"));
-var InputNumber = (0, import_utils.withFormItem)(import_WithMode.default);
+var InputNumber = (0, import_utils.withFormItem)(import_WithMode.default, {
+  innerStyle: {
+    width: "100%"
+  }
+});
 var InputNumber_default = InputNumber;

package/lib/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/lib/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/lib/components/dataSourceComponents/fields/index.js

@@ -29,6 +29,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/dataSourceComponents/fields/index.ts
 var fields_exports = {};
 __export(fields_exports, {
+  formFieldMap: () => formFieldMap,
   getFieldComponent: () => getFieldComponent
 });
 module.exports = __toCommonJS(fields_exports);
@@ -40,6 +41,7 @@ var import_Radio = __toESM(require("./Radio"));
 var import_Select = __toESM(require("./Select"));
 var import_InputNumber = __toESM(require("./InputNumber"));
 var import_TimePicker = __toESM(require("./TimePicker"));
+var import_DateRangePicker = __toESM(require("./DateRangePicker"));
 var formFieldMap = {
   Checkbox: import_Checkbox.default,
   ColorPicker: import_ColorPicker.default,
@@ -48,17 +50,20 @@ var formFieldMap = {
   Radio: import_Radio.default,
   Select: import_Select.default,
   InputNumber: import_InputNumber.default,
+  Percent: import_InputNumber.default,
   TimePicker: import_TimePicker.default,
   "Input.JSON": import_Input.default.JSON,
   "Input.URL": import_Input.default.URL,
   "Input.Password": import_Input.default.Password,
   "Radio.Group": import_Radio.default.Group,
-  "Checkbox.Group": import_Checkbox.default.Group
+  "Checkbox.Group": import_Checkbox.default.Group,
+  DateRangePicker: import_DateRangePicker.default
 };
 var getFieldComponent = (fieldComponent) => {
   return formFieldMap[fieldComponent];
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  formFieldMap,
   getFieldComponent
 });

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

@@ -0,0 +1,18 @@
+import { Field } from '../provider/dataSource/DataSourceContext';
+import { formFieldMap } from './index';
+export declare type FormFieldComponentType = keyof typeof formFieldMap;
+export declare type FilterFunctionReturnType = {
+    $eq?: any;
+    $includes?: string;
+    $in?: (string | number)[];
+    $anyOf?: (string | number)[];
+    $isTruly?: boolean;
+    $dateAfter?: string;
+    $dateBefore?: string;
+    $and?: Array<{
+        $dateAfter?: string;
+        $dateBefore?: string;
+    }>;
+};
+export declare type FilterFunction = (value: any, field: Field) => FilterFunctionReturnType | null;
+export declare type FormFieldFilterFuncMapType = Record<FormFieldComponentType, FilterFunction>;

package/lib/components/dataSourceComponents/fields/type.js

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

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

@@ -0,0 +1,3 @@
+import { FormFieldFilterFuncMapType } from './type';
+declare const formFieldFilterFuncMap: FormFieldFilterFuncMapType;
+export { formFieldFilterFuncMap };

package/lib/components/dataSourceComponents/fields/utils.js

@@ -0,0 +1,134 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/fields/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  formFieldFilterFuncMap: () => formFieldFilterFuncMap
+});
+module.exports = __toCommonJS(utils_exports);
+var import_utils = require("@pisell/utils");
+var formFieldFilterFuncMap = {
+  Checkbox: (value) => {
+    const key = value ? "$isTruly" : "$isFalsy";
+    return {
+      [key]: true
+    };
+  },
+  ColorPicker: (value) => {
+    return {
+      $eq: value
+    };
+  },
+  DatePicker: (value) => {
+    const [start, end] = value;
+    if (!start || !end) {
+      return null;
+    }
+    const startDate = (0, import_utils.isString)(start) ? start : start.format("YYYY-MM-DD HH:mm:ss");
+    const endDate = (0, import_utils.isString)(end) ? end : end.format("YYYY-MM-DD HH:mm:ss");
+    return {
+      $and: [
+        {
+          $dateAfter: startDate
+        },
+        {
+          $dateBefore: endDate
+        }
+      ]
+    };
+  },
+  Input: (value) => {
+    return {
+      $includes: value
+    };
+  },
+  Radio: (value) => {
+    return {
+      $eq: value
+    };
+  },
+  Select: (value, field) => {
+    const key = field.type === "string" ? "$in" : "$anyOf";
+    const formatValue = Array.isArray(value) ? value : [value];
+    return {
+      [key]: formatValue
+    };
+  },
+  Percent: (value) => {
+    return {
+      $eq: value
+    };
+  },
+  InputNumber: (value) => {
+    return {
+      $eq: value
+    };
+  },
+  TimePicker: (value) => {
+    return {
+      $eq: value
+    };
+  },
+  "Input.JSON": (value) => {
+    return {
+      $includes: value
+    };
+  },
+  "Input.URL": (value) => {
+    return {
+      $includes: value
+    };
+  },
+  "Input.Password": (value) => {
+    return {
+      $includes: value
+    };
+  },
+  DateRangePicker: (value) => {
+    const [start, end] = value;
+    const startDate = (0, import_utils.isString)(start) ? start : start.format("YYYY-MM-DD HH:mm:ss");
+    const endDate = (0, import_utils.isString)(end) ? end : end.format("YYYY-MM-DD HH:mm:ss");
+    return {
+      $and: [
+        {
+          $dateAfter: startDate
+        },
+        {
+          $dateBefore: endDate
+        }
+      ]
+    };
+  },
+  "Radio.Group": (value) => {
+    const formatValue = Array.isArray(value) ? value : [value];
+    return {
+      $in: formatValue
+    };
+  },
+  "Checkbox.Group": (value) => {
+    const formatValue = Array.isArray(value) ? value : [value];
+    return {
+      $anyOf: formatValue
+    };
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formFieldFilterFuncMap
+});