@hw-component/form 0.0.1-bate → 0.0.1-beta

package/lib/hooks/index.js

@@ -1,62 +1,137 @@
-'use strict';
+"use strict";
 
-var _typeof = require('@babel/runtime-corejs3/helpers/typeof');
-var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
-var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
-var _Array$isArray = require('@babel/runtime-corejs3/core-js/array/is-array');
-var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/concat');
-var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
-var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
-var _Symbol$toPrimitive = require('@babel/runtime-corejs3/core-js/symbol/to-primitive');
-var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
-var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
-var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptor');
-var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptors');
-var _Object$defineProperties = require('@babel/runtime-corejs3/core-js/object/define-properties');
-var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/define-property');
-var React = require('react');
-var configProvider = require('antd/es/config-provider');
-var FormConfigProvider = require('../Form/Context/FormConfigProvider.js');
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _defineProperty = require("@babel/runtime-corejs3/helpers/defineProperty");
+var _objectWithoutProperties = require("@babel/runtime-corejs3/helpers/objectWithoutProperties");
+var _mapInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/map");
+var _Array$isArray = require("@babel/runtime-corejs3/core-js/array/is-array");
+var _concatInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/concat");
+var _Object$keys = require("@babel/runtime-corejs3/core-js/object/keys");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/for-each");
+var _Symbol$toPrimitive = require("@babel/runtime-corejs3/core-js/symbol/to-primitive");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js/object/get-own-property-descriptor");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js/object/define-property");
+var React = require("react");
+var configProvider = require("antd/es/config-provider");
+var FormConfigProvider = require("../Form/Context/FormConfigProvider.js");
 
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context4 = ownKeys(Object(source), !0)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context5 = ownKeys(Object(source))).call(_context5, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[_Symbol$toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function ownKeys(object, enumerableOnly) {
+  var keys = _Object$keys(object);
+  if (_Object$getOwnPropertySymbols) {
+    var symbols = _Object$getOwnPropertySymbols(object);
+    enumerableOnly &&
+      (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) {
+        return _Object$getOwnPropertyDescriptor(object, sym).enumerable;
+      })),
+      keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var _context4, _context5;
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2
+      ? _forEachInstanceProperty(
+          (_context4 = ownKeys(Object(source), !0))
+        ).call(_context4, function (key) {
+          _defineProperty(target, key, source[key]);
+        })
+      : _Object$getOwnPropertyDescriptors
+      ? _Object$defineProperties(
+          target,
+          _Object$getOwnPropertyDescriptors(source)
+        )
+      : _forEachInstanceProperty((_context5 = ownKeys(Object(source)))).call(
+          _context5,
+          function (key) {
+            _Object$defineProperty(
+              target,
+              key,
+              _Object$getOwnPropertyDescriptor(source, key)
+            );
+          }
+        );
+  }
+  return target;
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[_Symbol$toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
 var useChangeOptions = function useChangeOptions(_ref) {
   var options = _ref.options,
     _ref$fieldNames = _ref.fieldNames,
     fieldNames = _ref$fieldNames === void 0 ? {} : _ref$fieldNames;
-  return React.useMemo(function () {
-    return options === null || options === void 0 ? void 0 : _mapInstanceProperty(options).call(options, function (item) {
-      var _context;
-      var _fieldNames$label = fieldNames.label,
-        label = _fieldNames$label === void 0 ? "" : _fieldNames$label,
-        _fieldNames$value = fieldNames.value,
-        value = _fieldNames$value === void 0 ? "" : _fieldNames$value;
-      var relLabel = item[label],
-        relVal = item[value],
-        oItem = _objectWithoutProperties(item, _mapInstanceProperty(_context = [label, value]).call(_context, _toPropertyKey));
-      return _objectSpread(_objectSpread({}, oItem), {}, {
-        label: relLabel,
-        value: relVal
-      });
-    });
-  }, [options]);
+  return React.useMemo(
+    function () {
+      return options === null || options === void 0
+        ? void 0
+        : _mapInstanceProperty(options).call(options, function (item) {
+            var _context;
+            var _fieldNames$label = fieldNames.label,
+              label = _fieldNames$label === void 0 ? "" : _fieldNames$label,
+              _fieldNames$value = fieldNames.value,
+              value = _fieldNames$value === void 0 ? "" : _fieldNames$value;
+            var relLabel = item[label],
+              relVal = item[value],
+              oItem = _objectWithoutProperties(
+                item,
+                _mapInstanceProperty((_context = [label, value])).call(
+                  _context,
+                  _toPropertyKey
+                )
+              );
+            return _objectSpread(
+              _objectSpread({}, oItem),
+              {},
+              {
+                label: relLabel,
+                value: relVal,
+              }
+            );
+          });
+    },
+    [options]
+  );
 };
 var useClassName = function useClassName(className) {
   var config = React.useContext(configProvider.ConfigContext);
-  return React.useMemo(function () {
-    var _context3;
-    if (_Array$isArray(className)) {
-      var classNames = _mapInstanceProperty(className).call(className, function (item) {
-        var _context2;
-        return _concatInstanceProperty(_context2 = "".concat(config.getPrefixCls(), "-")).call(_context2, item);
-      });
-      return classNames.join(" ");
-    }
-    return _concatInstanceProperty(_context3 = "".concat(config.getPrefixCls(), "-")).call(_context3, className);
-  }, [className]);
+  return React.useMemo(
+    function () {
+      var _context3;
+      if (_Array$isArray(className)) {
+        var classNames = _mapInstanceProperty(className).call(
+          className,
+          function (item) {
+            var _context2;
+            return _concatInstanceProperty(
+              (_context2 = "".concat(config.getPrefixCls(), "-"))
+            ).call(_context2, item);
+          }
+        );
+        return classNames.join(" ");
+      }
+      return _concatInstanceProperty(
+        (_context3 = "".concat(config.getPrefixCls(), "-"))
+      ).call(_context3, className);
+    },
+    [className]
+  );
 };
 var useMatchConfigProps = function useMatchConfigProps(matchProps) {
   var globalConfig = FormConfigProvider.useFormConfigContext();

package/lib/index.d.ts

@@ -2,19 +2,101 @@
 import "./styles/index.less";
 export { default as HForm } from "./Form";
 export { default as useHForm } from "./Form/hooks/useHForm";
-export declare const HSelect: ({ style, mode, options, modeConfig, value, onChange, fieldNames: propsFieldNames, request, manual, optionLabelProp, filterProvider, optionFilterProp, serviceSearch, onSearch: propsOnSearch, filterOption, showSearch, labelInValue, noMatchItemRender, allSelect, ...props }: import("./Select/modal").HSelectProps) => JSX.Element;
-export declare const HInput: ({ ...props }: import("antd").InputProps) => JSX.Element;
-export declare const HSelectInput: ({ selectProps, value, onChange, valueName, ...props }: import("./Input/modal").HSelectInputProps) => JSX.Element;
-export declare const HUpload: import("react").ForwardRefExoticComponent<import("./Upload/modal").IUpLoadProps & import("react").RefAttributes<import("./Upload/modal").IUploadRefModal>>;
-export declare const HUrlUpload: ({ placeholder, value, onChange, mediaType, ...props }: import("./Upload/modal").IUrlUploadProps) => JSX.Element;
-export declare const HButtonInput: import("react").FC<import("./Input/modal").HButtonInputProps>;
-export declare const HCheckBox: import("react").FC<import("./CheckboxGroup/modal").HCheckboxProps>;
-export declare const HSwitch: import("react").FC<import("./Switch").HSwitchProps>;
-export declare const HCheckboxGroup: (props: import("./Form/modal").HFormItemProps) => import("react").ReactElement<import("./Form/modal").ConnectResultProps, string | import("react").JSXElementConstructor<any>>;
-export declare const HDatePicker: ({ value, onChange, showTime, format, ...props }: import("./TDPicker/modal").HDatePickerProps) => JSX.Element;
-export declare const HRangePicker: ({ value, onChange, showTime, format, valueMap, ranges, name, ...props }: import("./TDPicker/modal").HRangePickerProps) => JSX.Element;
-export declare const HRadioGroup: ({ value, options, onChange, fieldNames: propsFieldNames, ...props }: import("./RadioGroup").HRadioGroupProps) => JSX.Element;
-export declare const HTimePicker: ({ value, format, onChange, ...props }: import("./TDPicker/modal").HTimePickerProps) => JSX.Element;
-export declare const HInputNumber: ({ style, ...props }: import("antd").InputNumberProps<string | number>) => JSX.Element;
-export declare const HPageHandler: import("react").FC<import("./PageHandler/modal").IHPageHandler<any>>;
-export declare const HFormConfigProvider: import("react").FC<import("./Form/modal").IFormConfigContextProps>;
+export declare const HSelect: ({
+  style,
+  mode,
+  options,
+  modeConfig,
+  value,
+  onChange,
+  fieldNames: propsFieldNames,
+  request,
+  manual,
+  optionLabelProp,
+  filterProvider,
+  optionFilterProp,
+  serviceSearch,
+  onSearch: propsOnSearch,
+  filterOption,
+  showSearch,
+  labelInValue,
+  noMatchItemRender,
+  allSelect,
+  ...props
+}: import("./Select/modal").HSelectProps) => JSX.Element;
+export declare const HInput: ({
+  ...props
+}: import("antd").InputProps) => JSX.Element;
+export declare const HSelectInput: ({
+  selectProps,
+  value,
+  onChange,
+  valueName,
+  ...props
+}: import("./Input/modal").HSelectInputProps) => JSX.Element;
+export declare const HUpload: import("react").ForwardRefExoticComponent<
+  import("./Upload/modal").IUpLoadProps &
+    import("react").RefAttributes<import("./Upload/modal").IUploadRefModal>
+>;
+export declare const HUrlUpload: ({
+  placeholder,
+  value,
+  onChange,
+  mediaType,
+  ...props
+}: import("./Upload/modal").IUrlUploadProps) => JSX.Element;
+export declare const HButtonInput: import("react").FC<
+  import("./Input/modal").HButtonInputProps
+>;
+export declare const HCheckBox: import("react").FC<
+  import("./CheckboxGroup/modal").HCheckboxProps
+>;
+export declare const HSwitch: import("react").FC<
+  import("./Switch").HSwitchProps
+>;
+export declare const HCheckboxGroup: (
+  props: import("./Form/modal").HFormItemProps
+) => import("react").ReactElement<
+  import("./Form/modal").ConnectResultProps,
+  string | import("react").JSXElementConstructor<any>
+>;
+export declare const HDatePicker: ({
+  value,
+  onChange,
+  showTime,
+  format,
+  ...props
+}: import("./TDPicker/modal").HDatePickerProps) => JSX.Element;
+export declare const HRangePicker: ({
+  value,
+  onChange,
+  showTime,
+  format,
+  valueMap,
+  ranges,
+  name,
+  ...props
+}: import("./TDPicker/modal").HRangePickerProps) => JSX.Element;
+export declare const HRadioGroup: ({
+  value,
+  options,
+  onChange,
+  fieldNames: propsFieldNames,
+  ...props
+}: import("./RadioGroup").HRadioGroupProps) => JSX.Element;
+export declare const HTimePicker: ({
+  value,
+  format,
+  onChange,
+  ...props
+}: import("./TDPicker/modal").HTimePickerProps) => JSX.Element;
+export declare const HInputNumber: ({
+  style,
+  ...props
+}: import("antd").InputNumberProps<string | number>) => JSX.Element;
+export declare const HPageHandler: import("react").FC<
+  import("./PageHandler/modal").IHPageHandler<any>
+>;
+export declare const HFormConfigProvider: import("react").FC<
+  import("./Form/modal").IFormConfigContextProps
+>;

package/lib/index.js

@@ -1,9 +1,9 @@
-'use strict';
+"use strict";
 
-var config = require('./Form/config.js');
-var index$1 = require('./PageHandler/index.js');
-var index = require('./Form/index.js');
-var useHForm = require('./Form/hooks/useHForm.js');
+var config = require("./Form/config.js");
+var index$1 = require("./PageHandler/index.js");
+var index = require("./Form/index.js");
+var useHForm = require("./Form/hooks/useHForm.js");
 
 var HSelect = config.default.select;
 var HInput = config.default.input;

package/lib/modal.d.ts

@@ -1,15 +1,15 @@
 export interface ValueCheckMapModal {
-    checked?: any;
-    noChecked?: any;
+  checked?: any;
+  noChecked?: any;
 }
 export type PromiseFnResult<T = any, R = any> = (params: T) => Promise<R>;
 export interface ValueSwitchMapModal {
-    open?: any;
-    close?: any;
+  open?: any;
+  close?: any;
 }
 type NameProvider = (name: string) => string;
 export interface DateRangePickerValueMapModal {
-    start?: string | NameProvider;
-    end?: string | NameProvider;
+  start?: string | NameProvider;
+  end?: string | NameProvider;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/form",
-  "version": "0.0.1-bate",
+  "version": "0.0.1-beta",
   "description": "基于antd二次开发",
   "repository": {
     "type": "git",
@@ -29,7 +29,7 @@
   "dependencies": {
     "@ant-design/icons": "4.6.2",
     "ahooks": "2.10.9",
-    "antd": "4.20.0",
+    "antd": "4.20.7",
     "react": "16.14.0",
     "react-dom": "17.0.2",
     "react-router-dom": "^6.11.2"

package/src/components/CheckboxGroup/index.tsx

@@ -32,7 +32,7 @@ const Index = ({
   addFormat?.({
     float: {
       inputValue: (item, initValue) => {
-        const { name } = item;
+        const { name = "" } = item;
         const keys = checkOptions?.map((optItem) => {
           return optItem.value;
         });
@@ -45,7 +45,7 @@ const Index = ({
         };
       },
       outputValue: (item, outputValue) => {
-        const { name } = item;
+        const { name = "" } = item;
         const { [name]: itemVal = {} } = outputValue;
         return {
           ...itemVal,

package/src/components/Form/FormItem/Helper.tsx

@@ -1,7 +1,6 @@
 import React from "react";
-import type { HItemProps } from "@/components/Form/modal";
-import type { FormInstance } from "antd";
-import { Typography, Row } from "antd";
+import type { HItemProps, HFormInstance } from "@/components/Form/modal";
+import { Typography } from "antd";
 import { useFormContext } from "../Context";
 
 interface HelperProps {
@@ -16,7 +15,7 @@ const Index: React.FC<HelperProps> = ({ helper }) => {
   if (typeof helper === "function") {
     return (
       <Typography.Text type={"secondary"}>
-        {helper(form as FormInstance)}
+        {helper(form as HFormInstance)}
       </Typography.Text>
     );
   }

package/src/components/Form/HFormConnect.tsx

@@ -4,6 +4,7 @@ import React, { useEffect } from "react";
 import type { ConnectConfigModal } from "@/components/Form/modal";
 import type { addFormatItemModal } from "@/components/Form/modal";
 import type { ConnectResultProps } from "@/components/Form/modal";
+import type { argsFn } from "@/components/Form/modal";
 
 const formatMaker = (
   itemProps: HFormItemProps,
@@ -29,7 +30,7 @@ export default (
 ) => {
   const { format = {} } = config;
   return (props: HFormItemProps) => {
-    const { name } = props;
+    const { name = "" } = props;
 
     const { form, valueType = "float" } = useFormContext();
 
@@ -40,10 +41,13 @@ export default (
     const addFormat = (aFormat: Record<string, addFormatItemModal>) => {
       form?.addFormat(name, formatMaker(props, aFormat[valueType]));
     };
-
+    const addDispatchListener = (key: string, fn: argsFn) => {
+      form?.addDispatchListener({ key, name }, fn);
+    };
     return React.createElement<ConnectResultProps>(Component, {
       ...props,
       addFormat,
+      addDispatchListener,
     });
   };
 };

package/src/components/Form/hooks/useHForm.ts

@@ -1,12 +1,32 @@
 import { useMemo } from "react";
 import { Form } from "antd";
 import type { FormatItemModal, HFormInstance } from "../modal";
+import type { argsFn } from "../modal";
+
+interface DispatchItemData {
+  keysFn: Record<string, argsFn>;
+  defaultFn: argsFn[];
+}
 
 export default () => {
   const [form] = Form.useForm();
   return useMemo<HFormInstance>(() => {
     const formatSourceData: Record<string, FormatItemModal> = {};
-    let dispatchSourceData: Record<string, VoidFunction[]> = {};
+    let dispatchSourceData: Record<string, DispatchItemData> = {};
+    const norAddItemDispatch = (name, fn) => {
+      if (!name) {
+        return {
+          keysFn: {},
+          defaultFn: [fn],
+        };
+      }
+      return {
+        keysFn: {
+          [name]: fn,
+        },
+        defaultFn: [],
+      };
+    };
     return {
       addFormat(name: string, format?: FormatItemModal) {
         if (!format) {
@@ -39,29 +59,58 @@ export default () => {
         });
         return newValue;
       }, //转化方法
-      dispatch(key) {
+      dispatch(action, ...args) {
+        const { key, name } = action;
         const items = dispatchSourceData[key];
         if (!items) {
           return;
         }
-        items.forEach((fn) => {
-          fn();
+        const { keysFn, defaultFn } = items;
+        if (name) {
+          return keysFn[name]?.(...args);
+        }
+        const fnArrays = Object.keys(keysFn).map((itemKey) => {
+          return keysFn[itemKey];
+        }); //不存在name就合并
+        [...fnArrays, ...defaultFn].forEach((fn) => {
+          fn(...args);
         });
       },
-      addDispatchListener(key, fn) {
+      addDispatchListener(action, fn) {
+        const { key, name } = action;
         const items = dispatchSourceData[key];
         if (!items) {
-          dispatchSourceData[key] = [fn];
+          dispatchSourceData[key] = norAddItemDispatch(name, fn);
           return;
         }
-        items.push(fn);
-        dispatchSourceData[key] = items;
+        const { keysFn, defaultFn } = items;
+        if (name) {
+          keysFn[name] = fn;
+        } else {
+          defaultFn.push(fn);
+        }
+        dispatchSourceData[key] = {
+          keysFn,
+          defaultFn,
+        };
       },
-      removeDispatchListener(key) {
-        if (!key) {
+      removeDispatchListener(action) {
+        if (!action) {
           dispatchSourceData = {};
           return;
         }
+        const { key, name } = action;
+        const items = dispatchSourceData[key];
+        if (!items) {
+          return;
+        }
+        if (name) {
+          const { keysFn } = items;
+          Reflect.deleteProperty(keysFn, name);
+          items.keysFn = keysFn;
+          dispatchSourceData[key] = items;
+          return;
+        }
         Reflect.deleteProperty(dispatchSourceData, key);
       },
       initValues(value = {}) {

package/src/components/Form/modal.ts

@@ -57,14 +57,14 @@ export interface HItemProps extends Omit<FormItemProps, "name"> {
   type?: string;
   itemProps?: ItemPropsType;
   render?: RenderFun;
-  helper?: HelperModal;
+  helper?: HelperModal | string;
   hover?: string | HoverModal;
   // formItems?: HItemProps[]; 保留感觉没必要
   labelWidth?: number;
   hide?: boolean | HideModal;
   placeholder?: string | string[];
-  formatKeys?: string[];
-  name: string;
+  // formatKeys?: string[];
+  name?: string;
 }
 
 export interface HFormProps<T = any, R = any> extends Omit<FormProps, "form"> {
@@ -82,7 +82,7 @@ export interface HFormItemProps extends HItemProps {
 export interface FormItemWithRender extends Omit<HFormItemProps, "render"> {
   render: (form: HFormInstance) => React.ReactNode;
 }
-
+export type argsFn = (...args: any[]) => void;
 export interface FormContextProps {
   loading?: boolean;
   form: HFormInstance;
@@ -102,7 +102,10 @@ export interface IFormConfigContextProps {
   dateRanges?: RangePickerProps["ranges"];
   uploadProps?: ConfigUploadProps;
 }
-
+interface ActionModal {
+  key: string;
+  name?: string;
+}
 export interface HFormInstance extends FormInstance {
   addFormat: (name: string, formats?: FormatItemModal) => void;
   initValues: (values?: Record<string, any>) => void;
@@ -110,10 +113,10 @@ export interface HFormInstance extends FormInstance {
     values?: Record<string, any>,
     formatKey?: string
   ) => Record<string, any>;
-  dispatch: (key: string) => void;
+  dispatch: (action: ActionModal, ...args: any[]) => void;
   outputValues: (values?: Record<string, any>) => Record<string, any>;
-  addDispatchListener: (key: string, fn: VoidFunction) => void;
-  removeDispatchListener: (key?: string) => void;
+  addDispatchListener: (action: ActionModal, fn: argsFn) => void;
+  removeDispatchListener: (action?: ActionModal, fn?: argsFn) => void;
 }
 
 export interface ConnectConfigModal {
@@ -139,4 +142,5 @@ export interface addFormatItemModal {
 
 export interface ConnectResultProps {
   addFormat?: (format: Record<string, addFormatItemModal>) => void;
+  addDispatchListener?: (key: string, fn: argsFn) => void;
 }

package/src/components/TDPicker/RangePicker.tsx

@@ -47,21 +47,23 @@ const HRangePicker: React.FC<HRangePickerProps> = ({
     }
     return ranges;
   }, [ranges]); //默认
-
   addFormat?.({
     float: {
       inputValue: (item, initValue) => {
-        const { name: valueName } = item;
+        const { name: valueName = "" } = item;
         const resultObj = {};
         Object.values(dateMapKeys).forEach((key) => {
-          resultObj[key] = initValue[key];
+          if (initValue[key]) {
+            resultObj[key] = initValue[key];
+          }
         });
+        const hasKeys = Object.keys(resultObj).length !== 0;
         return {
-          [valueName]: resultObj,
+          [valueName]: hasKeys ? resultObj : null,
         };
       },
       outputValue: (item, outputValue) => {
-        const { name: valueName } = item;
+        const { name: valueName = "" } = item;
         const { [valueName]: itemVal = {} } = outputValue;
         return {
           ...itemVal,

package/src/components/TDPicker/modal.ts

@@ -6,6 +6,7 @@ import type { TimePickerProps } from "antd";
 import type { DurationInputArg2 } from "moment";
 import type { DateRangePickerValueMapModal } from "../modal";
 import type { addFormatItemModal } from "@/components/Form/modal";
+import type { argsFn } from "@/components/Form/modal";
 export interface HDatePickerProps
   extends Omit<DatePickerProps, "onChange" | "format" | "ranges"> {
   onChange?: (time?: Moment | string | number) => void;

package/src/pages/Form/index.tsx

@@ -124,8 +124,8 @@ export default () => {
               setTimeout(() => {
                 resolve({
                   check1: 1,
-                  // testStart: "1694747960",
-                  // testEnd: "1693538359",
+                  testStart: "1694747960",
+                  testEnd: "1693538359",
                   op: 1,
                   opInput: "12121",
                 });