@hw-component/form 0.0.3 → 0.0.4-beta-v1

package/es/hooks/index.js

@@ -0,0 +1,75 @@
+// welcome to hoo hoo hoo
+import _typeof from '@babel/runtime-corejs3/helpers/typeof';
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js/instance/map';
+import _Array$isArray from '@babel/runtime-corejs3/core-js/array/is-array';
+import _concatInstanceProperty from '@babel/runtime-corejs3/core-js/instance/concat';
+import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
+import _Symbol$toPrimitive from '@babel/runtime-corejs3/core-js/symbol/to-primitive';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptor';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
+import { useMemo, useContext } from 'react';
+import { ConfigContext } from 'antd/es/config-provider';
+import { useFormConfigContext } from '../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); }
+var useChangeOptions = function useChangeOptions(_ref) {
+  var options = _ref.options,
+    _ref$fieldNames = _ref.fieldNames,
+    fieldNames = _ref$fieldNames === void 0 ? {} : _ref$fieldNames;
+  return 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 = useContext(ConfigContext);
+  return 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 = useFormConfigContext();
+  var keys = _Object$keys(matchProps);
+  var resultMatchProps = {};
+  _forEachInstanceProperty(keys).call(keys, function (key) {
+    if (!matchProps[key]) {
+      resultMatchProps[key] = globalConfig[key];
+      return;
+    }
+    resultMatchProps[key] = matchProps[key];
+  });
+  return resultMatchProps;
+};
+
+export { useChangeOptions, useClassName, useMatchConfigProps };
+// powered by hdj

package/es/index.css

@@ -1,3 +1,44 @@
-.hw-option:hover {
+.ant-hw-all-check-box .ant-select-item-option-active:not( .ant-select-item-option-disabled) {
+  background-color: transparent;
+}
+.ant-hw-all-check-box .ant-select-item-option-selected:not( .ant-select-item-option-disabled) {
+  background-color: #e6f7ff;
+}
+.ant-hw-all-check-box .ant-select-item-option:not( .ant-select-item-option-selected):hover {
   background-color: #f5f5f5;
 }
+.ant-hw-form-item-colon:after {
+  position: relative;
+  top: -0.5px;
+  margin: 0 0 0 2px;
+  content: ":";
+}
+.ant-hw-form-item-required:before {
+  display: inline-block;
+  margin-right: 4px;
+  color: #ff4d4f;
+  font-size: 14px;
+  font-family: SimSun, sans-serif;
+  line-height: 1;
+  content: "*";
+}
+.ant-hw-form-base-item {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          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

@@ -1,11 +1,26 @@
-export { default as HSelect } from "./Select";
-export { default as HInput } from "./Input";
-export { default as HInputNumber } from "./Input/InputNumber";
-export { default as HSelectInput } from "./Input/SelectInput";
-export { default as HButtonInput } from "./Input/ButtonInput";
-export { default as HCheckboxGroup } from "./CheckboxGroup";
-export { default as HCheckBox } from "./CheckboxGroup/CheckBox";
-export { default as HRadioGroup } from "./RadioGroup";
-export { default as HSwitch } from "./Switch";
-export { default as HDatePicker } from "./DatePicker";
-export { default as HRangePicker } from "./DatePicker/RangePicker";
+/// <reference types="react" />
+import "./styles/index.less";
+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("./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;
+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: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
+export declare const HDatePicker: import("react").FC<import("./TDPicker/modal").HDatePickerProps>;
+export declare const HRangePicker: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
+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 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,13 +1,33 @@
-// welcome to ww-building-blocks-tmp
-export { default as HSelect } from './Select/index.js';
-export { default as HInput } from './Input/index.js';
-export { default as HInputNumber } from './Input/InputNumber.js';
-export { default as HSelectInput } from './Input/SelectInput.js';
-export { default as HButtonInput } from './Input/ButtonInput.js';
-export { default as HCheckboxGroup } from './CheckboxGroup/index.js';
-export { default as HCheckBox } from './CheckboxGroup/CheckBox/index.js';
-export { default as HRadioGroup } from './RadioGroup/index.js';
-export { default as HSwitch } from './Switch/index.js';
-export { default as HDatePicker } from './DatePicker/index.js';
-export { default as HRangePicker } from './DatePicker/RangePicker.js';
-// powered by ww
+// welcome to hoo hoo hoo
+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 = 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 HTextArea = componentConfig.textArea;
+var HColorInput = componentConfig.colorInput;
+var HModalForm = ModalForm;
+var HDrawerForm = DrawerForm;
+
+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

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

package/lib/CheckboxGroup/CheckBox/index.d.ts

@@ -1,7 +1,4 @@
-import type { CheckboxProps } from "antd/lib/checkbox/Checkbox";
 import React from "react";
-interface IProps extends CheckboxProps {
-    valueCheckMap?: ValueCheckMapModal;
-}
-declare const Index: React.FC<IProps>;
+import type { HCheckboxProps } from "@/components/CheckboxGroup/modal";
+declare const Index: React.FC<HCheckboxProps>;
 export default Index;

package/lib/CheckboxGroup/CheckBox/index.js

@@ -2,16 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
 var React = require('react');
-var config = require('../../config.js');
+var index = require('../../hooks/index.js');
 
 var Index = function Index(_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
     children = _ref.children,
-    _ref$valueCheckMap = _ref.valueCheckMap,
-    valueCheckMap = _ref$valueCheckMap === void 0 ? config.baseConfig.defaultValueCheckMap : _ref$valueCheckMap;
+    propsValueCheckMap = _ref.valueMap;
+  var _useMatchConfigProps = index.useMatchConfigProps({
+      valueCheckMap: propsValueCheckMap
+    }),
+    _useMatchConfigProps$ = _useMatchConfigProps.valueCheckMap,
+    valueCheckMap = _useMatchConfigProps$ === void 0 ? {} : _useMatchConfigProps$;
   var checkedVal = React.useMemo(function () {
     var checked = valueCheckMap.checked;
     if (value === checked) {
@@ -29,10 +34,11 @@ var Index = function Index(_ref) {
     }
     onChange === null || onChange === void 0 ? void 0 : onChange(subVal);
   };
-  return /*#__PURE__*/React.createElement(antd.Checkbox, {
+  return jsxRuntime.jsx(antd.Checkbox, {
     checked: checkedVal,
-    onChange: change
-  }, children);
+    onChange: change,
+    children: children
+  });
 };
 
 exports.default = Index;

package/lib/CheckboxGroup/hooks.d.ts

@@ -1,5 +1,5 @@
 import type { HCheckboxProps } from "@/components/CheckboxGroup/modal";
-export declare const useValueProvider: ({ value, valueCheckMap, keyInValue, onChange, options, }: HCheckboxProps) => {
+export declare const useValueProvider: ({ value, valueMap, keyInValue, onChange, options, }: HCheckboxProps) => {
     val: Record<any, any>;
     change: (key: any, changeVal: any) => void;
 };

package/lib/CheckboxGroup/hooks.js

@@ -12,18 +12,17 @@ var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
 var _Array$isArray = require('@babel/runtime-corejs3/core-js/array/is-array');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
 var React = require('react');
-var config = require('../config.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 _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 changValProvider = function changValProvider(_ref) {
   var value = _ref.value,
     options = _ref.options,
-    _ref$valueCheckMap = _ref.valueCheckMap,
-    valueCheckMap = _ref$valueCheckMap === void 0 ? config.baseConfig.defaultValueCheckMap : _ref$valueCheckMap;
+    _ref$valueMap = _ref.valueMap,
+    valueMap = _ref$valueMap === void 0 ? {} : _ref$valueMap;
   var newVal = _objectSpread({}, value);
-  var checked = valueCheckMap.checked,
-    noChecked = valueCheckMap.noChecked;
+  var checked = valueMap.checked,
+    noChecked = valueMap.noChecked;
   options === null || options === void 0 ? void 0 : _forEachInstanceProperty(options).call(options, function (item) {
     var itemVal = item.value;
     if (newVal[itemVal] !== checked) {
@@ -34,8 +33,8 @@ var changValProvider = function changValProvider(_ref) {
 };
 var useValueProvider = function useValueProvider(_ref2) {
   var value = _ref2.value,
-    _ref2$valueCheckMap = _ref2.valueCheckMap,
-    valueCheckMap = _ref2$valueCheckMap === void 0 ? config.baseConfig.defaultValueCheckMap : _ref2$valueCheckMap,
+    _ref2$valueMap = _ref2.valueMap,
+    valueMap = _ref2$valueMap === void 0 ? {} : _ref2$valueMap,
     _ref2$keyInValue = _ref2.keyInValue,
     keyInValue = _ref2$keyInValue === void 0 ? true : _ref2$keyInValue,
     onChange = _ref2.onChange,
@@ -46,7 +45,7 @@ var useValueProvider = function useValueProvider(_ref2) {
     setVal = _useState2[1];
   var oldValueCheckMap = React.useMemo(function () {
     return {
-      valueCheckMap: valueCheckMap
+      valueMap: valueMap
     };
   }, []);
   React.useEffect(function () {
@@ -54,14 +53,14 @@ var useValueProvider = function useValueProvider(_ref2) {
       return changValProvider({
         value: oldVal,
         options: options,
-        valueCheckMap: oldValueCheckMap.valueCheckMap
+        valueMap: oldValueCheckMap.valueMap
       });
     });
   }, [options]);
   React.useEffect(function () {
-    var oldChecked = oldValueCheckMap.valueCheckMap.checked;
-    var checked = valueCheckMap.checked,
-      noChecked = valueCheckMap.noChecked;
+    var oldChecked = oldValueCheckMap.valueMap.checked;
+    var checked = valueMap.checked,
+      noChecked = valueMap.noChecked;
     setVal(function (oldVal) {
       var newVal = _objectSpread({}, oldVal);
       var keys = _Object$keys(newVal);
@@ -72,12 +71,12 @@ var useValueProvider = function useValueProvider(_ref2) {
         }
         newVal[key] = noChecked;
       });
-      oldValueCheckMap.valueCheckMap = valueCheckMap;
+      oldValueCheckMap.valueMap = valueMap;
       return newVal;
     });
-  }, [valueCheckMap]);
+  }, [valueMap]);
   React.useEffect(function () {
-    var checked = oldValueCheckMap.valueCheckMap.checked;
+    var checked = oldValueCheckMap.valueMap.checked;
     if (!value) {
       return;
     }
@@ -95,8 +94,8 @@ var useValueProvider = function useValueProvider(_ref2) {
   }, [value]);
   var change = function change(key, changeVal) {
     var _context;
-    var checked = valueCheckMap.checked,
-      noChecked = valueCheckMap.noChecked;
+    var checked = valueMap.checked,
+      noChecked = valueMap.noChecked;
     var newVal = _objectSpread({}, val);
     newVal[key] = noChecked;
     if (changeVal === checked) {

package/lib/CheckboxGroup/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import type { HCheckboxProps } from "@/components/CheckboxGroup/modal";
-declare const _default: ({ options, fieldNames, onChange, valueCheckMap, value, disabled, keyInValue, }: HCheckboxProps) => JSX.Element;
+import React from "react";
+declare const _default: React.ForwardRefExoticComponent<import("../Form/modal").HFormItemProps & React.RefAttributes<any>>;
 export default _default;

package/lib/CheckboxGroup/index.js

@@ -2,51 +2,95 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
+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 _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 jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
-var useChangeOptions = require('../hooks/useChangeOptions.js');
 var hooks = require('./hooks.js');
 var index$1 = require('./CheckBox/index.js');
+var index = require('../hooks/index.js');
+var HFormConnect = require('../Form/HFormConnect.js');
 
-var index = (function (_ref) {
+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 Index = function Index(_ref) {
   var options = _ref.options,
     fieldNames = _ref.fieldNames,
     onChange = _ref.onChange,
-    valueCheckMap = _ref.valueCheckMap,
+    valueMap = _ref.valueMap,
     value = _ref.value,
     disabled = _ref.disabled,
     _ref$keyInValue = _ref.keyInValue,
-    keyInValue = _ref$keyInValue === void 0 ? true : _ref$keyInValue;
-  var checkOptions = useChangeOptions.useChangeOptions({
+    keyInValue = _ref$keyInValue === void 0 ? true : _ref$keyInValue,
+    addFormat = _ref.addFormat;
+  var _useMatchConfigProps = index.useMatchConfigProps({
+      fieldNames: fieldNames,
+      valueCheckMap: valueMap
+    }),
+    resultValueCheckMap = _useMatchConfigProps.valueCheckMap,
+    resultFieldNames = _useMatchConfigProps.fieldNames;
+  var checkOptions = index.useChangeOptions({
     options: options,
-    fieldNames: fieldNames
+    fieldNames: resultFieldNames
   });
   var _useValueProvider = hooks.useValueProvider({
       options: checkOptions,
       onChange: onChange,
-      valueCheckMap: valueCheckMap,
+      valueMap: resultValueCheckMap,
       keyInValue: keyInValue,
       value: value
     }),
     val = _useValueProvider.val,
     change = _useValueProvider.change;
-  console.log(val);
-  return /*#__PURE__*/React.createElement(antd.Space, null, checkOptions === null || checkOptions === void 0 ? void 0 : _mapInstanceProperty(checkOptions).call(checkOptions, function (item) {
-    var label = item.label,
-      itemVal = item.value;
-    var checked = val[itemVal];
-    return /*#__PURE__*/React.createElement(index$1.default, {
-      value: checked,
-      key: itemVal,
-      onChange: function onChange(changeVal) {
-        change(itemVal, changeVal);
+  addFormat === null || addFormat === void 0 ? void 0 : addFormat({
+    "float": {
+      inputValue: function inputValue(item, initValue) {
+        var _item$name = item.name,
+          name = _item$name === void 0 ? "" : _item$name;
+        var keys = checkOptions === null || checkOptions === void 0 ? void 0 : _mapInstanceProperty(checkOptions).call(checkOptions, function (optItem) {
+          return optItem.value;
+        });
+        var resultObj = {};
+        keys === null || keys === void 0 ? void 0 : _forEachInstanceProperty(keys).call(keys, function (key) {
+          resultObj[key] = initValue[key];
+        });
+        return _defineProperty({}, name, resultObj);
       },
-      valueCheckMap: valueCheckMap,
-      disabled: disabled
-    }, label);
-  }));
-});
+      outputValue: function outputValue(item, _outputValue) {
+        var _item$name2 = item.name,
+          name = _item$name2 === void 0 ? "" : _item$name2;
+        var _outputValue$name = _outputValue[name],
+          itemVal = _outputValue$name === void 0 ? {} : _outputValue$name;
+        return _objectSpread({}, itemVal);
+      }
+    }
+  });
+  return jsxRuntime.jsx(antd.Space, {
+    children: checkOptions === null || checkOptions === void 0 ? void 0 : _mapInstanceProperty(checkOptions).call(checkOptions, function (item) {
+      var label = item.label,
+        itemVal = item.value;
+      var checked = val[itemVal];
+      return jsxRuntime.jsx(index$1.default, {
+        value: checked,
+        onChange: function onChange(changeVal) {
+          change(itemVal, changeVal);
+        },
+        valueMap: valueMap,
+        disabled: disabled,
+        children: label
+      }, itemVal);
+    })
+  });
+};
+var HCheckboxGroup = HFormConnect.default(Index);
 
-exports.default = index;
+exports.default = HCheckboxGroup;
 // powered by h

package/lib/CheckboxGroup/modal.d.ts

@@ -0,0 +1,13 @@
+import type { CheckboxProps } from "antd/lib/checkbox/Checkbox";
+import type { SelectProps } from "antd";
+import type { addFormatItemModal } from "../Form/modal";
+import type { ValueCheckMapModal } from "../modal";
+export interface HCheckboxProps extends Omit<CheckboxProps, "value" | "onChange"> {
+    options?: Record<string, any>[];
+    fieldNames?: SelectProps["fieldNames"];
+    valueMap?: ValueCheckMapModal;
+    keyInValue?: boolean;
+    value?: Record<string, any> | any[];
+    onChange?: (value: Record<string, any> | any[]) => void;
+    addFormat?: (config: Record<string, addFormatItemModal>) => void;
+}

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

@@ -0,0 +1,7 @@
+interface IProps {
+    onOk?: VoidFunction;
+    onCancel?: VoidFunction;
+    confirmLoading?: boolean;
+}
+declare const _default: ({ onCancel, onOk, confirmLoading }: IProps) => JSX.Element;
+export default _default;

package/lib/DialogForm/DrawerForm/Footer.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var antd = require('antd');
+
+var Footer = (function (_ref) {
+  var onCancel = _ref.onCancel,
+    onOk = _ref.onOk,
+    confirmLoading = _ref.confirmLoading;
+  return jsxRuntime.jsx(antd.Row, {
+    justify: "end",
+    children: jsxRuntime.jsxs(antd.Space, {
+      size: "middle",
+      children: [jsxRuntime.jsx(antd.Button, {
+        onClick: onCancel,
+        children: "\u5173\u95ED"
+      }), jsxRuntime.jsx(antd.Button, {
+        type: "primary",
+        onClick: onOk,
+        loading: confirmLoading,
+        children: "\u786E\u5B9A"
+      })]
+    })
+  });
+});
+
+exports.default = Footer;
+// powered by h

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

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

package/lib/DialogForm/DrawerForm/Title.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var antd = require('antd');
+var icons = require('@ant-design/icons');
+
+var Title = (function (_ref) {
+  var title = _ref.title,
+    closable = _ref.closable,
+    onCancel = _ref.onCancel;
+  return jsxRuntime.jsxs(antd.Row, {
+    justify: "space-between",
+    children: [jsxRuntime.jsx("div", {
+      children: title
+    }), closable && jsxRuntime.jsx(icons.CloseOutlined, {
+      onClick: onCancel
+    })]
+  });
+});
+
+exports.default = Title;
+// powered by h

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

@@ -0,0 +1,3 @@
+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;