@hw-component/form 0.0.3-beta-v5 → 0.0.3-beta-v7

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;

package/lib/Form/config.js

@@ -17,14 +17,14 @@ var TimePicker = require('../TDPicker/TimePicker.js');
 var index$7 = require('../Upload/index.js');
 var index$8 = require('../Upload/UrlUpload/index.js');
 var index$9 = require('../Submit/index.js');
-var FormConfigProvider = require('./Context/FormConfigProvider.js');
 var index$a = require('../TextArea/index.js');
+var index$b = require('../Input/ColorInput/index.js');
 
 var placeholderConfig = {
   inputType: ["input", "inputNumber", "selectInput", "buttonInput"],
-  selectType: ["select", "datePicker", "timePicker"]
+  selectType: ["select", "datePicker", "timePicker", "colorInput"]
 };
-var FormConfig = {
+var componentConfig = {
   select: index.default,
   inputNumber: InputNumber.default,
   selectInput: SelectInput.default,
@@ -40,10 +40,10 @@ var FormConfig = {
   upload: index$7.default,
   urlUpload: index$8.default,
   submit: index$9.default,
-  formConfigProvider: FormConfigProvider.default,
-  textArea: index$a.default
+  textArea: index$a.default,
+  colorInput: index$b.default
 };
 
-exports.default = FormConfig;
+exports.default = componentConfig;
 exports.placeholderConfig = placeholderConfig;
 // powered by h

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

@@ -5,4 +5,5 @@ export declare const useInfoReq: ({ initialValues, infoRequest, form, params, re
     subControl: import("@ahooksjs/use-request/lib/types").BaseResult<void, [value: any]>;
     infoControl: import("@ahooksjs/use-request/lib/types").BaseResult<import("rc-field-form/lib/interface").Store, [reqParams?: any]>;
 };
+export declare const useDefaultComponents: () => any;
 export {};

package/lib/Form/hooks/index.js

@@ -1,11 +1,24 @@
 'use strict';
 
+var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
+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 _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
+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 _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
 var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
 var ahooks = require('ahooks');
 var useHForm = require('./useHForm.js');
 var React = require('react');
+var config = require('../config.js');
+var FormConfigProvider = require('../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 _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useCurrentForm = function useCurrentForm(form) {
   var selfForm = useHForm.default();
   return form || selfForm;
@@ -87,9 +100,9 @@ var useInfoReq = function useInfoReq(_ref) {
     mutate = infoControl.mutate;
   React.useEffect(function () {
     if (form) {
-      form.reload = function (params) {
+      form.reload = function (reloadParams) {
         mutate(undefined);
-        return run(params);
+        return run(reloadParams);
       };
     }
   }, []);
@@ -98,7 +111,12 @@ var useInfoReq = function useInfoReq(_ref) {
     infoControl: infoControl
   };
 };
+var useDefaultComponents = function useDefaultComponents() {
+  var defaultComponent = FormConfigProvider.useFormConfigContext("defaultComponent");
+  return _objectSpread(_objectSpread({}, config.default), defaultComponent);
+};
 
 exports.useCurrentForm = useCurrentForm;
+exports.useDefaultComponents = useDefaultComponents;
 exports.useInfoReq = useInfoReq;
 // powered by h

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

@@ -0,0 +1,3 @@
+import type { DefaultComponentModal, HFormItemProps } from "../modal";
+import type { FormInstance } from "antd";
+export declare const useDefaultRender: (props: HFormItemProps, defaultComponents: DefaultComponentModal) => (form: FormInstance) => any;

package/lib/Form/hooks/useDefaultRender.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
+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 _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
+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 _extends = require('@babel/runtime-corejs3/helpers/extends');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var config = require('../config.js');
+var React = require('react');
+
+var _excluded = ["render", "labelWidth", "colon", "type", "itemProps"];
+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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useDefaultRender = function useDefaultRender(props, defaultComponents) {
+  var render = props.render;
+    props.labelWidth;
+    props.colon;
+    var _props$type = props.type,
+    type = _props$type === void 0 ? "input" : _props$type,
+    _props$itemProps = props.itemProps,
+    itemProps = _props$itemProps === void 0 ? {} : _props$itemProps,
+    componentProps = _objectWithoutProperties(props, _excluded);
+  var mergeComponent = _objectSpread(_objectSpread({}, config.default), defaultComponents);
+  var dom = mergeComponent[type];
+  return function (form) {
+    var Component = dom;
+    if (dom !== null && dom !== void 0 && dom.Component) {
+      Component = dom.Component;
+    }
+    var node = Component && /*#__PURE__*/React.createElement(Component, _extends({}, componentProps, itemProps, {
+      form: form
+    }));
+    if (render) {
+      var resultNode = render(props, node, form);
+      return /*#__PURE__*/React.cloneElement(resultNode, _objectSpread(_objectSpread(_objectSpread({}, componentProps), itemProps), {}, {
+        form: form
+      }));
+    }
+    return node;
+  };
+};
+
+exports.useDefaultRender = useDefaultRender;
+// powered by h

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

@@ -1,4 +1,4 @@
-import type { FormItemWithRender, HFormProps } from "@/components/Form/modal";
+import type { HFormItemProps, HFormProps } from "../modal";
 type InitConfigModal = Required<Pick<HFormProps, "configData" | "form">>;
-declare const _default: ({ configData, form }: InitConfigModal) => FormItemWithRender[];
+declare const _default: ({ configData, form }: InitConfigModal) => HFormItemProps[];
 export default _default;

package/lib/Form/hooks/useInitConfigData.js

@@ -10,26 +10,25 @@ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/
 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 _extends = require('@babel/runtime-corejs3/helpers/extends');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
 var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/index-of');
 var React = require('react');
 var config = require('../config.js');
+var index = require('./index.js');
 
-var _excluded = ["render", "type", "itemProps"],
-  _excluded2 = ["render"];
+var _excluded = ["render"];
 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 _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-var mathRequired = function mathRequired(configItem, form) {
+var mathRequired = function mathRequired(configItem, form, defaultComponents) {
   var required = configItem.required,
     placeholder = configItem.placeholder,
     rules = configItem.rules,
     _configItem$type = configItem.type,
     type = _configItem$type === void 0 ? "input" : _configItem$type;
   var resultRequired = false;
-  var dom = config.default[type];
+  var dom = defaultComponents[type];
   var resultRules = rules === null || rules === void 0 ? void 0 : _mapInstanceProperty(rules).call(rules, function (item) {
     var eachItem = item;
     if (typeof item === "function") {
@@ -42,9 +41,14 @@ var mathRequired = function mathRequired(configItem, form) {
       resultRequired = itemRequired;
     }
     if (itemRequired && !message) {
+      var msg = placeholder;
+      var itemDom = dom;
+      if (itemDom !== null && itemDom !== void 0 && itemDom.requiredErrMsg) {
+        msg = itemDom.requiredErrMsg(configItem);
+      }
       return _objectSpread(_objectSpread({}, eachItem), {}, {
         required: itemRequired,
-        message: !!(dom !== null && dom !== void 0 && dom.requiredErrMsg) ? dom.requiredErrMsg(configItem) : placeholder
+        message: msg
       });
     }
     return eachItem;
@@ -54,60 +58,36 @@ var mathRequired = function mathRequired(configItem, form) {
     rules: resultRules
   };
 };
-var matchDefaultPlaceholder = function matchDefaultPlaceholder(props) {
+var matchDefaultPlaceholder = function matchDefaultPlaceholder(props, defaultComponents) {
   var _context;
   var label = props.label,
     placeholder = props.placeholder,
     _props$type = props.type,
     type = _props$type === void 0 ? "input" : _props$type;
-  var dom = config.default[type];
+  var dom = defaultComponents[type];
   if (placeholder) {
     return placeholder;
   }
-  if (dom !== null && dom !== void 0 && dom.placeholder) {
-    return dom.placeholder(props);
+  var itemDom = dom;
+  if (itemDom !== null && itemDom !== void 0 && itemDom.placeholder) {
+    return itemDom.placeholder(props);
   }
   if (_indexOfInstanceProperty(_context = config.placeholderConfig.inputType).call(_context, type) !== -1) {
     return "\u8BF7\u8F93\u5165".concat(label);
   }
   return "\u8BF7\u9009\u62E9".concat(label);
 };
-var defaultRenderMaker = function defaultRenderMaker(props) {
-  var render = props.render,
-    _props$type2 = props.type,
-    type = _props$type2 === void 0 ? "input" : _props$type2,
-    _props$itemProps = props.itemProps,
-    itemProps = _props$itemProps === void 0 ? {} : _props$itemProps,
-    componentProps = _objectWithoutProperties(props, _excluded);
-  var dom = config.default[type];
-  return function (form) {
-    var Component = !!(dom !== null && dom !== void 0 && dom.Component) ? dom.Component : dom;
-    var node = Component && /*#__PURE__*/React.createElement(Component, _extends({}, componentProps, itemProps, {
-      form: form
-    }));
-    if (render) {
-      var resultNode = render(props, node, form);
-      return /*#__PURE__*/React.cloneElement(resultNode, _objectSpread(_objectSpread(_objectSpread({}, componentProps), itemProps), {}, {
-        form: form
-      }));
-    }
-    return node;
-  };
-};
-var defaultPlaceholderPropsMaker = function defaultPlaceholderPropsMaker(props) {
-  var placeholder = matchDefaultPlaceholder(props);
+var defaultPlaceholderPropsMaker = function defaultPlaceholderPropsMaker(props, defaultComponents) {
+  var placeholder = matchDefaultPlaceholder(props, defaultComponents);
   return _objectSpread(_objectSpread({}, props), {}, {
-    placeholder: placeholder,
-    render: defaultRenderMaker(_objectSpread(_objectSpread({}, props), {}, {
-      placeholder: placeholder
-    }))
+    placeholder: placeholder
   });
 };
-var itemControl = function itemControl(item, form) {
-  var _defaultPlaceholderPr = defaultPlaceholderPropsMaker(item),
+var itemControl = function itemControl(item, form, defaultComponents) {
+  var _defaultPlaceholderPr = defaultPlaceholderPropsMaker(item, defaultComponents),
     render = _defaultPlaceholderPr.render,
-    defaultProps = _objectWithoutProperties(_defaultPlaceholderPr, _excluded2);
-  var _mathRequired = mathRequired(defaultProps, form),
+    defaultProps = _objectWithoutProperties(_defaultPlaceholderPr, _excluded);
+  var _mathRequired = mathRequired(defaultProps, form, defaultComponents),
     rules = _mathRequired.rules,
     required = _mathRequired.required;
   return _objectSpread(_objectSpread({}, defaultProps), {}, {
@@ -119,9 +99,10 @@ var itemControl = function itemControl(item, form) {
 var useInitConfigData = (function (_ref) {
   var configData = _ref.configData,
     form = _ref.form;
+  var defaultComponents = index.useDefaultComponents();
   return React.useMemo(function () {
     return _mapInstanceProperty(configData).call(configData, function (item) {
-      return itemControl(item, form);
+      return itemControl(item, form, defaultComponents);
     });
   }, [configData]);
 });

package/lib/Form/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { HFormProps } from "./modal";
 declare const _default: ({ configData, labelWidth, form, request, onFinish, infoRequest, valueType, initialValues, params, ...props }: HFormProps) => JSX.Element;
 export default _default;

package/lib/Form/modal.d.ts

@@ -1,18 +1,19 @@
 import type { FormInstance, FormItemProps, FormProps } from "antd";
-import type { HCheckboxProps } from "@/components/CheckboxGroup/modal";
+import type { HCheckboxProps } from "../CheckboxGroup/modal";
 import type React from "react";
-import type { HButtonProps, HInputProps, HSelectInputProps } from "@/components/Input/modal";
-import type { HRadioGroupProps } from "@/components/RadioGroup";
-import type { HSelectProps } from "@/components/Select/modal";
+import type { HButtonProps, HInputProps, HSelectInputProps } from "../Input/modal";
+import type { HRadioGroupProps } from "../RadioGroup";
+import type { HSelectProps } from "../Select/modal";
 import type { ButtonProps } from "antd/es";
-import type { HSwitchProps } from "@/components/Switch";
-import type { HDatePickerProps, HRangePickerProps, HTimePickerProps } from "@/components/TDPicker/modal";
+import type { HSwitchProps } from "../Switch";
+import type { HDatePickerProps, HRangePickerProps, HTimePickerProps } from "../TDPicker/modal";
 import type { TextAreaProps } from "antd/es/input";
-import type { IUpLoadProps } from "@/components/Upload/modal";
+import type { IUpLoadProps } from "../Upload/modal";
 import type { SelectProps } from "antd";
 import type { RangePickerProps } from "antd/es/date-picker";
 import type { PromiseFnResult, ValueCheckMapModal, ValueSwitchMapModal, DateRangePickerValueMapModal } from "../modal";
 import type { ForwardedRef } from "react";
+import type { DataFnProvider } from "../modal";
 type RenderFun = (props: HItemProps, node: React.ReactNode, form: FormInstance) => React.ReactNode;
 type ItemPropsType = HCheckboxProps | HInputProps | HSelectInputProps | HButtonProps | HRadioGroupProps | HSelectProps | ButtonProps | HSwitchProps | HDatePickerProps | HRangePickerProps | HTimePickerProps | TextAreaProps | IUpLoadProps;
 export interface HoverModal {
@@ -48,9 +49,6 @@ export interface HFormItemProps extends HItemProps {
     value?: any;
     onChange?: (val: any, item: any) => void;
 }
-export interface FormItemWithRender extends Omit<HFormItemProps, "render"> {
-    render: (form: HFormInstance) => React.ReactNode;
-}
 export type argsFn = (...args: any[]) => void;
 export interface FormContextProps {
     loading?: boolean;
@@ -62,6 +60,14 @@ interface ConfigUploadProps {
     maxSize?: number;
     request?: PromiseFnResult;
 }
+export type ComponentModal = React.FunctionComponent<any> | React.ComponentClass<any> | React.ForwardRefExoticComponent<any>;
+export interface ConfigComponentModal {
+    Component: ComponentModal;
+    placeholder?: DataFnProvider<HItemProps>;
+    requiredErrMsg?: DataFnProvider<HItemProps>;
+}
+export type DefaultComponentItemModal = ComponentModal | ConfigComponentModal;
+export type DefaultComponentModal = Record<string, DefaultComponentItemModal>;
 export interface IFormConfigContextProps {
     fieldNames?: SelectProps["fieldNames"];
     valueCheckMap?: ValueCheckMapModal;
@@ -69,6 +75,7 @@ export interface IFormConfigContextProps {
     valueRangePickerValueMap?: DateRangePickerValueMapModal;
     dateRanges?: RangePickerProps["ranges"];
     uploadProps?: ConfigUploadProps;
+    defaultComponent?: DefaultComponentModal;
 }
 interface ActionModal {
     key: string;
@@ -92,10 +99,10 @@ export interface FormatItemModal {
     inputValue: ValueFormat;
     outputValue: ValueFormat;
 }
-type addValueFormat = (item: HFormItemProps, value: Record<string, any>) => Record<string, any>;
+type AddValueFormat = (item: HFormItemProps, value: Record<string, any>) => Record<string, any>;
 export interface addFormatItemModal {
-    inputValue: addValueFormat;
-    outputValue: addValueFormat;
+    inputValue: AddValueFormat;
+    outputValue: AddValueFormat;
 }
 export interface ConnectResultProps extends HFormItemProps {
     addFormat?: (format: Record<string, addFormatItemModal>) => void;

package/lib/Input/ColorInput/Picker.d.ts

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

package/lib/Input/ColorInput/Picker.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactColor = require('react-color');
+var data = require('./data.js');
+var index = require('../../hooks/index.js');
+
+var Picker = (function (_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange;
+  var classname = index.useClassName("hw-color-input-picker");
+  return /*#__PURE__*/React.createElement(reactColor.SketchPicker, {
+    width: "250px",
+    styles: {},
+    presetColors: data.presetColors,
+    color: value,
+    onChangeComplete: onChange,
+    className: classname
+  });
+});
+
+exports.default = Picker;
+// powered by h

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

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

package/lib/Input/ColorInput/data.js

@@ -0,0 +1,6 @@
+'use strict';
+
+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"];
+
+exports.presetColors = presetColors;
+// powered by h

package/lib/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/lib/Input/ColorInput/index.js

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _WeakMap = require('@babel/runtime-corejs3/core-js/weak-map');
+var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/reduce');
+var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
+var _Object$create = require('@babel/runtime-corejs3/core-js/object/create');
+var _Symbol$replace = require('@babel/runtime-corejs3/core-js/symbol/replace');
+var _Array$isArray = require('@babel/runtime-corejs3/core-js/array/is-array');
+var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/slice');
+var _typeof = require('@babel/runtime-corejs3/helpers/typeof');
+var _extends = require('@babel/runtime-corejs3/helpers/extends');
+var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
+var _setPrototypeOf = require('@babel/runtime-corejs3/helpers/setPrototypeOf');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/starts-with');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/concat');
+var antd = require('antd');
+var Picker = require('./Picker.js');
+var index = require('../../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 = index.useClassName("hw-color-box");
+  var pickerValue = React.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(antd.Input, _extends({}, props, {
+    value: value,
+    onChange: onChange,
+    suffix: /*#__PURE__*/React.createElement(antd.Popover, {
+      trigger: "click",
+      content: /*#__PURE__*/React.createElement(Picker.default, {
+        value: pickerValue,
+        onChange: colorChange
+      }),
+      placement: "topLeft"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        backgroundColor: value
+      },
+      className: classname
+    }))
+  }));
+});
+
+exports.default = ColorInput;
+// powered by h

package/lib/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/lib/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/lib/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/lib/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/lib/PageHandler/LoadingComponent.d.ts

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

package/lib/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/lib/Select/components/NoFindItem.d.ts

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

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

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

package/lib/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/lib/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/lib/Submit/index.d.ts

@@ -1,8 +1,9 @@
-/// <reference types="react" />
 import type { ButtonProps, FormInstance } from "antd/es";
 export interface ISubmitProps extends Omit<ButtonProps, "form"> {
     text?: string;
     form: FormInstance;
+    reset?: boolean;
+    position?: "start" | "end";
 }
-declare const _default: ({ text, type, form, loading, ...props }: ISubmitProps) => JSX.Element;
+declare const _default: ({ text, type, form, loading, position, reset, ...props }: ISubmitProps) => JSX.Element;
 export default _default;