@hw-component/form 0.0.3-beta-v4 → 0.0.3-beta-v6

package/es/Input/ColorInput/data.d.ts

@@ -0,0 +1 @@
+export declare const presetColors: string[];

package/es/Input/ColorInput/data.js

@@ -0,0 +1,5 @@
+// welcome to hoo hoo hoo
+var presetColors = ["#fff1f0", "#ffccc7", "#ffa39e", "#ff7875", "#ff4d4f", "#f5222d", "#cf1322", "#a8071a", "#820014", "#5c0011", "#fff7e6", "#ffe7ba", "#ffd591", "#ffc069", "#ffa940", "#fa8c16", "#d46b08", "#ad4e00", "#873800", "#612500", "#feffe6", "#ffffb8", "#fffb8f", "#fff566", "#ffec3d", "#fadb14", "#d4b106", "#ad8b00", "#876800", "#614700", "#f6ffed", "#d9f7be", "#b7eb8f", "#95de64", "#73d13d", "#52c41a", "#389e0d", "#237804", "#135200", "#092b00", "#e6fffb", "#b5f5ec", "#87e8de", "#5cdbd3", "#36cfc9", "#13c2c2", "#08979c", "#006d75", "#00474f", "#002329", "#e6f7ff", "#bae7ff", "#91d5ff", "#69c0ff", "#40a9ff", "#1890ff", "#096dd9", "#0050b3", "#003a8c", "#002766", "#f0f5ff", "#d6e4ff", "#adc6ff", "#85a5ff", "#597ef7", "#2f54eb", "#1d39c4", "#10239e", "#061178", "#030852", "#f9f0ff", "#efdbff", "#d3adf7", "#b37feb", "#9254de", "#722ed1", "#531dab", "#391085", "#22075e", "#120338", "#fff0f6", "#ffd6e7", "#ffadd2", "#ff85c0", "#f759ab", "#eb2f96", "#c41d7f", "#9e1068", "#780650", "#520339", "#ffffff", "#fafafa", "#f5f5f5", "#f0f0f0", "#d9d9d9", "#bfbfbf", "#8c8c8c", "#595959", "#434343", "#262626"];
+
+export { presetColors };
+// powered by hdj

package/es/Input/ColorInput/index.d.ts

@@ -0,0 +1,3 @@
+import type { HInputProps } from "@/components/Input/modal";
+declare const _default: ({ value, onChange, ...props }: HInputProps) => JSX.Element;
+export default _default;

package/es/Input/ColorInput/index.js

@@ -0,0 +1,76 @@
+// welcome to hoo hoo hoo
+import React, { useMemo } from 'react';
+import _WeakMap from '@babel/runtime-corejs3/core-js/weak-map';
+import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js/instance/reduce';
+import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
+import _Object$create from '@babel/runtime-corejs3/core-js/object/create';
+import _Symbol$replace from '@babel/runtime-corejs3/core-js/symbol/replace';
+import _Array$isArray from '@babel/runtime-corejs3/core-js/array/is-array';
+import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js/instance/slice';
+import _typeof from '@babel/runtime-corejs3/helpers/typeof';
+import _extends from '@babel/runtime-corejs3/helpers/extends';
+import _inherits from '@babel/runtime-corejs3/helpers/inherits';
+import _setPrototypeOf from '@babel/runtime-corejs3/helpers/setPrototypeOf';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import _startsWithInstanceProperty from '@babel/runtime-corejs3/core-js/instance/starts-with';
+import _concatInstanceProperty from '@babel/runtime-corejs3/core-js/instance/concat';
+import { Input, Popover } from 'antd';
+import Picker from './Picker.js';
+import { useClassName } from '../../hooks/index.js';
+
+var _excluded = ["value", "onChange"];
+function _wrapRegExp() { _wrapRegExp = function _wrapRegExp(re, groups) { return new BabelRegExp(re, void 0, groups); }; var _super = RegExp.prototype, _groups = new _WeakMap(); function BabelRegExp(re, flags, groups) { var _this = new RegExp(re, flags); return _groups.set(_this, groups || _groups.get(re)), _setPrototypeOf(_this, BabelRegExp.prototype); } function buildGroups(result, re) { var _context4; var g = _groups.get(re); return _reduceInstanceProperty(_context4 = _Object$keys(g)).call(_context4, function (groups, name) { var i = g[name]; if ("number" == typeof i) groups[name] = result[i];else { for (var k = 0; void 0 === result[i[k]] && k + 1 < i.length;) k++; groups[name] = result[i[k]]; } return groups; }, _Object$create(null)); } return _inherits(BabelRegExp, RegExp), BabelRegExp.prototype.exec = function (str) { var result = _super.exec.call(this, str); if (result) { result.groups = buildGroups(result, this); var indices = result.indices; indices && (indices.groups = buildGroups(indices, this)); } return result; }, BabelRegExp.prototype[_Symbol$replace] = function (str, substitution) { if ("string" == typeof substitution) { var groups = _groups.get(this); return _super[_Symbol$replace].call(this, str, substitution.replace(/\$<([^>]+)>/g, function (_, name) { var group = groups[name]; return "$" + (_Array$isArray(group) ? group.join("$") : group); })); } if ("function" == typeof substitution) { var _this = this; return _super[_Symbol$replace].call(this, str, function () { var args = arguments; return "object" != _typeof(args[args.length - 1]) && (args = _sliceInstanceProperty([]).call(args)).push(buildGroups(args, _this)), substitution.apply(this, args); }); } return _super[_Symbol$replace].call(this, str, substitution); }, _wrapRegExp.apply(this, arguments); }
+var ColorInput = (function (_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var classname = useClassName("hw-color-box");
+  var pickerValue = useMemo(function () {
+    if (typeof value === "string") {
+      var _result$groups;
+      if (_startsWithInstanceProperty(value).call(value, "#")) {
+        return value;
+      }
+      var rgbaRegular = /*#__PURE__*/_wrapRegExp(/(?<=(rgba\())(.*?)(?=(\)))/, {
+        rgba: 2
+      });
+      var result = value.match(rgbaRegular);
+      if (result !== null && result !== void 0 && (_result$groups = result.groups) !== null && _result$groups !== void 0 && _result$groups.rgba) {
+        var rgbas = result.groups.rgba.split(",");
+        return {
+          r: Number(rgbas[0]),
+          g: Number(rgbas[1]),
+          b: Number(rgbas[2]),
+          a: Number(rgbas[3])
+        };
+      }
+    }
+    return "";
+  }, [value]);
+  var colorChange = function colorChange(val) {
+    var _context, _context2, _context3;
+    var rgb = val.rgb;
+    var text = _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = "rgba(".concat(rgb.r, ",")).call(_context3, rgb.g, ",")).call(_context2, rgb.b, ",")).call(_context, rgb.a, ")");
+    onChange === null || onChange === void 0 ? void 0 : onChange(text);
+  };
+  return /*#__PURE__*/React.createElement(Input, _extends({}, props, {
+    value: value,
+    onChange: onChange,
+    suffix: /*#__PURE__*/React.createElement(Popover, {
+      trigger: "click",
+      content: /*#__PURE__*/React.createElement(Picker, {
+        value: pickerValue,
+        onChange: colorChange
+      }),
+      placement: "topLeft"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        backgroundColor: value
+      },
+      className: classname
+    }))
+  }));
+});
+
+export { ColorInput as default };
+// powered by hdj

package/es/Input/InputNumber.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { InputNumberProps } from "antd";
 declare const _default: ({ style, ...props }: InputNumberProps) => JSX.Element;
 export default _default;

package/es/Input/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { HInputProps } from "./modal";
 declare const _default: ({ ...props }: HInputProps) => JSX.Element;
 export default _default;

package/es/Input/modal.d.ts

@@ -4,7 +4,10 @@ import type { SelectInputType } from "./SelectInput";
 import type { PromiseFnResult } from "../modal";
 import type { addFormatItemModal } from "../Form/modal";
 import type { AddDispatchListenerFn } from "../Form/modal";
-export type HInputProps = InputProps;
+export interface HInputProps<V = any> extends Omit<InputProps, "onChange" | "value"> {
+    onChange?: (value: V) => void;
+    value?: V;
+}
 interface ValueNameModal {
     input?: string;
     select?: string;

package/es/PageHandler/ErrorComponent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { IHPageHandler } from "./modal";
 declare const _default: ({ error, reload }: IHPageHandler) => JSX.Element;
 export default _default;

package/es/PageHandler/LoadingComponent.d.ts

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

package/es/RadioGroup/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SelectProps, RadioGroupProps } from "antd/es";
 export interface HRadioGroupProps extends Omit<RadioGroupProps, "onChange" | "options"> {
     onChange?: (value: any) => void;

package/es/Select/components/NoFindItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IProps {
     label: string;
 }

package/es/Select/components/NotFoundContent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IProps {
     error?: Error;
     reload: VoidFunction;

package/es/Select/defaultConfig.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { HSelectProps } from "@/components/Select/modal";
 export declare const defaultModeConfig: HSelectProps["modeConfig"];
 export declare const defaultSelectConfig: {

package/es/Select/hooks/changeHooks.js

@@ -178,6 +178,10 @@ var useValueChange = function useValueChange(params) {
     onChange(newChangeVal, subItemOps);
   };
   useEffect(function () {
+    if (mode === "tags") {
+      setVal(value);
+      return;
+    }
     if (options && value) {
       setVal(function (oldVale) {
         return matchNotFind(params, oldVale);

package/es/Select/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { HSelectProps } from "./modal";
 declare const _default: ({ style, mode, options, modeConfig, value, onChange, fieldNames: propsFieldNames, request, manual, optionLabelProp, filterProvider, optionFilterProp, serviceSearch, onSearch: propsOnSearch, filterOption, showSearch, labelInValue, noMatchItemRender, allSelect, ...props }: HSelectProps) => JSX.Element;
 export default _default;

package/es/Submit/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ButtonProps, FormInstance } from "antd/es";
 export interface ISubmitProps extends Omit<ButtonProps, "form"> {
     text?: string;

package/es/TDPicker/TimePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { HTimePickerProps } from "./modal";
 declare const _default: ({ value, format, onChange, ...props }: HTimePickerProps) => JSX.Element;
 export default _default;

package/es/TDPicker/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
 import type { HDatePickerProps } from "./modal";
-declare const _default: ({ value, onChange, showTime, format, ...props }: HDatePickerProps) => JSX.Element;
-export default _default;
+import React from "react";
+declare const Index: React.FC<HDatePickerProps>;
+export default Index;

package/es/TDPicker/index.js

@@ -1,12 +1,13 @@
 // welcome to hoo hoo hoo
-import React from 'react';
 import _extends from '@babel/runtime-corejs3/helpers/extends';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import { DatePicker } from 'antd';
 import { useTimeVal, useTimeChange } from './hooks.js';
+import React from 'react';
 
 var _excluded = ["value", "onChange", "showTime", "format"];
-var HDatePicker = (function (_ref) {
+var Picker = DatePicker;
+var Index = function Index(_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
     _ref$showTime = _ref.showTime,
@@ -22,12 +23,12 @@ var HDatePicker = (function (_ref) {
     format: format,
     onChange: onChange
   });
-  return /*#__PURE__*/React.createElement(DatePicker, _extends({
+  return /*#__PURE__*/React.createElement(Picker, _extends({
     value: timeVal,
     onChange: change,
     showTime: showTime
   }, props));
-});
+};
 
-export { HDatePicker as default };
+export { Index as default };
 // powered by hdj

package/es/TextArea/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TextAreaProps } from "antd/es/input";
 declare const _default: ({ autoSize, ...props }: TextAreaProps) => JSX.Element;
 export default _default;

package/es/Upload/Btn.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { IUpLoadProps } from "./modal";
 declare const _default: ({ value, maxCount, listType }: IUpLoadProps) => JSX.Element;
 export default _default;

package/es/Upload/MediaTypeEle/TypeEle.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MediaTypeEnum } from "../enums";
 interface TypeEleProps {
     mediaType?: MediaTypeEnum;

package/es/Upload/MediaTypeEle/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { IMediaTypeEleProps } from "../modal";
 declare const _default: ({ file, onReady, onError }: IMediaTypeEleProps) => JSX.Element | null;
 export default _default;

package/es/Upload/Preview/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ModalProps } from "antd";
 import type { IMediaTypeEleProps } from "../modal";
 export type IPreviewProps = IMediaTypeEleProps & ModalProps;

package/es/Upload/UrlUpload/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { IUrlUploadProps } from "../modal";
 declare const Index: ({ placeholder, value, onChange, mediaType, ...props }: IUrlUploadProps) => JSX.Element;
 export default Index;

package/es/config.js

@@ -57,7 +57,8 @@ var baseConfig = {
       return request;
     }(),
     maxSize: 1024 * 1024 * 1.8
-  }
+  },
+  defaultComponent: {}
 };
 
 export { baseConfig };

package/es/index.css

@@ -33,3 +33,12 @@
           align-items: center;
   min-height: 32px;
 }
+.ant-hw-color-box {
+  width: 22px;
+  height: 22px;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.ant-hw-color-input-picker {
+  box-shadow: 0 0 0 0 !important;
+}

package/es/index.d.ts

@@ -4,8 +4,9 @@ export { default as HForm } from "./Form";
 export { default as useHForm } from "./Form/hooks/useHForm";
 export { useHDialogForm } from "./DialogForm/hooks";
 export { default as HFormConnect } from "./Form/HFormConnect";
+export { default as HFormConfigProvider } from "./Form/Context/FormConfigProvider";
 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 HInput: ({ ...props }: import("./Input/modal").HInputProps<any>) => JSX.Element;
 export declare const HSelectInput: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HUpload: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HUrlUpload: ({ placeholder, value, onChange, mediaType, ...props }: import("./Upload/modal").IUrlUploadProps) => JSX.Element;
@@ -19,7 +20,7 @@ export declare const HRadioGroup: ({ value, options, onChange, fieldNames: props
 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 HTextArea: ({ autoSize, ...props }: import("antd/es/input").TextAreaProps) => JSX.Element;
+export declare const HColorInput: ({ value, onChange, ...props }: import("./Input/modal").HInputProps<any>) => JSX.Element;
 export declare const HModalForm: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, initialValues, onFinish, params, onOk, ...props }: import("./DialogForm/modal").DialogFormProps<any, any>) => JSX.Element;
 export declare const HDrawerForm: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, closable, initialValues, labelWidth, onOk, onFinish, size, form, footer, params, ...props }: import("./DialogForm/modal").DialogFormProps<any, any>) => JSX.Element;

package/es/index.js

@@ -1,32 +1,33 @@
 // welcome to hoo hoo hoo
-import FormConfig from './Form/config.js';
+import componentConfig from './Form/config.js';
 import Index from './PageHandler/index.js';
 export { default as HForm } from './Form/index.js';
 export { default as useHForm } from './Form/hooks/useHForm.js';
 export { useHDialogForm } from './DialogForm/hooks.js';
 export { default as HFormConnect } from './Form/HFormConnect.js';
+export { default as HFormConfigProvider } from './Form/Context/FormConfigProvider.js';
 import ModalForm from './DialogForm/ModalForm.js';
 import DrawerForm from './DialogForm/DrawerForm/index.js';
 
-var HSelect = FormConfig.select;
-var HInput = FormConfig.input;
-var HSelectInput = FormConfig.selectInput;
-var HUpload = FormConfig.upload;
-var HUrlUpload = FormConfig.urlUpload;
-var HButtonInput = FormConfig.buttonInput;
-var HCheckBox = FormConfig.checkBox;
-var HSwitch = FormConfig["switch"];
-var HCheckboxGroup = FormConfig.checkboxGroup;
-var HDatePicker = FormConfig.datePicker;
-var HRangePicker = FormConfig.rangePicker.Component;
-var HRadioGroup = FormConfig.radioGroup;
-var HTimePicker = FormConfig.timePicker;
-var HInputNumber = FormConfig.inputNumber;
+var HSelect = componentConfig.select;
+var HInput = componentConfig.input;
+var HSelectInput = componentConfig.selectInput;
+var HUpload = componentConfig.upload;
+var HUrlUpload = componentConfig.urlUpload;
+var HButtonInput = componentConfig.buttonInput;
+var HCheckBox = componentConfig.checkBox;
+var HSwitch = componentConfig["switch"];
+var HCheckboxGroup = componentConfig.checkboxGroup;
+var HDatePicker = componentConfig.datePicker;
+var HRangePicker = componentConfig.rangePicker.Component;
+var HRadioGroup = componentConfig.radioGroup;
+var HTimePicker = componentConfig.timePicker;
+var HInputNumber = componentConfig.inputNumber;
 var HPageHandler = Index;
-var HFormConfigProvider = FormConfig.formConfigProvider;
-var HTextArea = FormConfig.textArea;
+var HTextArea = componentConfig.textArea;
+var HColorInput = componentConfig.colorInput;
 var HModalForm = ModalForm;
 var HDrawerForm = DrawerForm;
 
-export { HButtonInput, HCheckBox, HCheckboxGroup, HDatePicker, HDrawerForm, HFormConfigProvider, HInput, HInputNumber, HModalForm, HPageHandler, HRadioGroup, HRangePicker, HSelect, HSelectInput, HSwitch, HTextArea, HTimePicker, HUpload, HUrlUpload };
+export { HButtonInput, HCheckBox, HCheckboxGroup, HColorInput, HDatePicker, HDrawerForm, HInput, HInputNumber, HModalForm, HPageHandler, HRadioGroup, HRangePicker, HSelect, HSelectInput, HSwitch, HTextArea, HTimePicker, HUpload, HUrlUpload };
 // powered by hdj

package/es/modal.d.ts

@@ -7,9 +7,10 @@ export interface ValueSwitchMapModal {
     open?: any;
     close?: any;
 }
-type NameProvider = (name: string) => string;
+export interface DataFnProvider<P = any, R = any> {
+    (name: P): R;
+}
 export interface DateRangePickerValueMapModal {
-    start?: string | NameProvider;
-    end?: string | NameProvider;
+    start?: string | DataFnProvider<string, string>;
+    end?: string | DataFnProvider<string, string>;
 }
-export {};

package/lib/DialogForm/DrawerForm/Footer.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 interface IProps {
     onOk?: VoidFunction;
     onCancel?: VoidFunction;
     confirmLoading?: boolean;
 }
-declare const _default: ({ onCancel, onOk, confirmLoading, }: IProps) => JSX.Element;
+declare const _default: ({ onCancel, onOk, confirmLoading }: IProps) => JSX.Element;
 export default _default;

package/lib/DialogForm/DrawerForm/Title.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ModalProps } from "antd";
 declare const _default: ({ title, closable, onCancel }: ModalProps) => JSX.Element;
 export default _default;

package/lib/DialogForm/DrawerForm/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DialogFormProps } from "../modal";
 declare const _default: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, closable, initialValues, labelWidth, onOk, onFinish, size, form, footer, params, ...props }: DialogFormProps) => JSX.Element;
 export default _default;

package/lib/DialogForm/ModalForm.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DialogFormProps } from "./modal";
 declare const _default: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, initialValues, onFinish, params, onOk, ...props }: DialogFormProps) => JSX.Element;
 export default _default;

package/lib/DialogForm/ModalForm.js

@@ -68,16 +68,16 @@ var ModalForm = (function (_ref) {
     configData: modalFormData,
     initialValues: initValue,
     onFinish: /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, params) {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, outParams) {
         var result, close;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _context.next = 2;
-              return run(values, params);
+              return run(values, outParams);
             case 2:
               result = _context.sent;
-              close = onOk === null || onOk === void 0 ? void 0 : onOk(result, params);
+              close = onOk === null || onOk === void 0 ? void 0 : onOk(result, outParams);
               if (!(close === false)) {
                 _context.next = 6;
                 break;

package/lib/DialogForm/hooks.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { DialogFormProps, HDialogFormInstance, ModifyPropsModal } from "./modal";
-export declare const useModifyProps: ({ visible, configData, initialValues, dialogForm, afterClose, params }: ModifyPropsModal) => {
+export declare const useModifyProps: ({ visible, configData, initialValues, dialogForm, afterClose, params, }: ModifyPropsModal) => {
     modalFormData: import("../Form/modal").HItemProps[];
     modalVisible: boolean | undefined;
     setModalVisible: import("react").Dispatch<import("react").SetStateAction<boolean | undefined>>;

package/lib/DialogForm/hooks.js

@@ -62,12 +62,12 @@ var useModifyProps = function useModifyProps(_ref) {
       var showParams = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var changeConfigData = showParams.configData,
         changeInitialValues = showParams.initialValues,
-        params = showParams.params;
+        changeParams = showParams.params;
       if (!!changeConfigData) {
         setModalFormData(changeConfigData);
       }
-      if (!!params) {
-        setFormParams(params);
+      if (!!changeParams) {
+        setFormParams(changeParams);
       }
       setInitValue(changeInitialValues);
       setModalVisible(true);

package/lib/Form/FormItem/BasicItem.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { FormItemWithRender } from "../modal";
-declare const Index: React.FC<FormItemWithRender>;
+import type { HFormItemProps } from "../modal";
+declare const Index: React.FC<HFormItemProps>;
 export default Index;

package/lib/Form/FormItem/BasicItem.js

@@ -8,9 +8,11 @@ var Label = require('../Label.js');
 var antd = require('antd');
 var React = require('react');
 var Helper = require('./Helper.js');
-var index$1 = require('../../hooks/index.js');
+var index$2 = require('../../hooks/index.js');
 var hooks = require('./hooks.js');
 var index = require('../Context/index.js');
+var useDefaultRender = require('../hooks/useDefaultRender.js');
+var index$1 = require('../hooks/index.js');
 
 var _excluded = ["hover", "labelWidth", "required", "colon", "label", "itemProps", "children", "helper", "hide", "render"];
 var Content = function Content(_ref) {
@@ -18,7 +20,7 @@ var Content = function Content(_ref) {
     helper = _ref.helper,
     value = _ref.value,
     onChange = _ref.onChange;
-  var className = index$1.useClassName("hw-form-base-item");
+  var className = index$2.useClassName("hw-form-base-item");
   var relChild = children && /*#__PURE__*/React.cloneElement(children, {
     value: value,
     onChange: onChange
@@ -35,21 +37,23 @@ var Content = function Content(_ref) {
     helper: helper
   }));
 };
-var Index = function Index(_ref2) {
-  var hover = _ref2.hover,
-    labelWidth = _ref2.labelWidth,
-    required = _ref2.required,
-    _ref2$colon = _ref2.colon,
-    colon = _ref2$colon === void 0 ? true : _ref2$colon,
-    label = _ref2.label;
-    _ref2.itemProps;
-    _ref2.children;
-    var helper = _ref2.helper,
-    hide = _ref2.hide,
-    render = _ref2.render,
-    props = _objectWithoutProperties(_ref2, _excluded);
+var Index = function Index(props) {
+  var hover = props.hover,
+    labelWidth = props.labelWidth,
+    required = props.required,
+    _props$colon = props.colon,
+    colon = _props$colon === void 0 ? true : _props$colon,
+    label = props.label;
+    props.itemProps;
+    props.children;
+    var helper = props.helper,
+    hide = props.hide;
+    props.render;
+    var oProps = _objectWithoutProperties(props, _excluded);
   var _useFormContext = index.useFormContext(),
     form = _useFormContext.form;
+  var defaultComponent = index$1.useDefaultComponents();
+  var defaultRender = useDefaultRender.useDefaultRender(props, defaultComponent);
   var hideItem = hooks.useHide({
     hide: hide,
     form: form
@@ -64,12 +68,12 @@ var Index = function Index(_ref2) {
       required: required,
       colon: colon
     }, label)
-  }, props, {
+  }, oProps, {
     colon: false,
     required: false
   }), /*#__PURE__*/React.createElement(Content, {
     helper: helper
-  }, render(form)));
+  }, defaultRender(form)));
 };
 
 exports.default = Index;

package/lib/Form/FormItem/RegularFormItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import type { FormItemWithRender } from "../modal";
-declare const _default: (props: FormItemWithRender) => JSX.Element;
+import type { HItemProps } from "../modal";
+declare const _default: (props: HItemProps) => JSX.Element;
 export default _default;

package/lib/Form/FormItem/UpFormItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import type { FormItemWithRender } from "../modal";
-declare const _default: ({ shouldUpdate, dependencies, hide, ...props }: FormItemWithRender) => JSX.Element;
+import type { HFormItemProps } from "../modal";
+declare const _default: ({ shouldUpdate, dependencies, hide, ...props }: HFormItemProps) => JSX.Element;
 export default _default;

package/lib/Form/FormItem/hooks.d.ts

@@ -1,7 +1,5 @@
-/// <reference types="react" />
-import type { FormItemWithRender, HFormInstance } from "@/components/Form/modal";
-import type { HItemProps } from "@/components/Form/modal";
-export declare const useFormItemDomControl: ({ shouldUpdate, hide, dependencies, }: FormItemWithRender) => ({ shouldUpdate, dependencies, hide, ...props }: FormItemWithRender) => JSX.Element;
+import type { HFormInstance, HItemProps } from "../modal";
+export declare const useFormItemDomControl: ({ shouldUpdate, hide, dependencies, }: HItemProps) => ({ shouldUpdate, dependencies, hide, ...props }: import("../modal").HFormItemProps) => JSX.Element;
 interface UseHideUpItemModal extends Omit<HItemProps, "name"> {
     form: HFormInstance;
 }

package/lib/Form/FormItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import type { FormItemWithRender } from "../modal";
-declare const _default: (props: FormItemWithRender) => JSX.Element;
+import type { HItemProps } from "../modal";
+declare const _default: (props: HItemProps) => JSX.Element;
 export default _default;

package/lib/Form/InitSet.d.ts

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

package/lib/Form/config.d.ts

@@ -3,7 +3,7 @@ export declare const placeholderConfig: {
     inputType: string[];
     selectType: string[];
 };
-declare const _default: {
+declare const componentConfig: {
     select: ({ 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;
     inputNumber: ({ style, ...props }: import("antd").InputNumberProps<string | number>) => JSX.Element;
     selectInput: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
@@ -12,18 +12,18 @@ declare const _default: {
     checkBox: import("react").FC<import("../CheckboxGroup/modal").HCheckboxProps>;
     radioGroup: ({ value, options, onChange, fieldNames: propsFieldNames, ...props }: import("../RadioGroup").HRadioGroupProps) => JSX.Element;
     switch: import("react").FC<import("../Switch").HSwitchProps>;
-    datePicker: ({ value, onChange, showTime, format, ...props }: import("../TDPicker/modal").HDatePickerProps) => JSX.Element;
+    datePicker: import("react").FC<import("../TDPicker/modal").HDatePickerProps>;
     rangePicker: {
         Component: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
         placeholder: ({ label }: import("./modal").HItemProps) => string[];
         requiredErrMsg: ({ label }: import("./modal").HItemProps) => string;
     };
     timePicker: ({ value, format, onChange, ...props }: import("../TDPicker/modal").HTimePickerProps) => JSX.Element;
-    input: ({ ...props }: import("antd").InputProps) => JSX.Element;
+    input: ({ ...props }: import("../Input/modal").HInputProps<any>) => JSX.Element;
     upload: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
     urlUpload: ({ placeholder, value, onChange, mediaType, ...props }: import("../Upload/modal").IUrlUploadProps) => JSX.Element;
     submit: ({ text, type, form, loading, ...props }: import("../Submit").ISubmitProps) => JSX.Element;
-    formConfigProvider: import("react").FC<import("./modal").IFormConfigContextProps>;
     textArea: ({ autoSize, ...props }: import("antd/es/input").TextAreaProps) => JSX.Element;
+    colorInput: ({ value, onChange, ...props }: import("../Input/modal").HInputProps<any>) => JSX.Element;
 };
-export default _default;
+export default componentConfig;