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

package/es/index.d.ts

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

package/es/index.js

@@ -1,8 +1,10 @@
 // welcome to hoo hoo hoo
-import FormConfig 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";
+import FormConfig 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 { useHModalForm } from './ModalForm/hooks.js';
+import ModalForm from './ModalForm/index.js';
 
 var HSelect = FormConfig.select;
 var HInput = FormConfig.input;
@@ -20,23 +22,7 @@ var HTimePicker = FormConfig.timePicker;
 var HInputNumber = FormConfig.inputNumber;
 var HPageHandler = Index;
 var HFormConfigProvider = FormConfig.formConfigProvider;
+var HModalForm = ModalForm;
 
-export {
-  HButtonInput,
-  HCheckBox,
-  HCheckboxGroup,
-  HDatePicker,
-  HFormConfigProvider,
-  HInput,
-  HInputNumber,
-  HPageHandler,
-  HRadioGroup,
-  HRangePicker,
-  HSelect,
-  HSelectInput,
-  HSwitch,
-  HTimePicker,
-  HUpload,
-  HUrlUpload,
-};
+export { HButtonInput, HCheckBox, HCheckboxGroup, HDatePicker, HFormConfigProvider, HInput, HInputNumber, HModalForm, HPageHandler, HRadioGroup, HRangePicker, HSelect, HSelectInput, HSwitch, HTimePicker, HUpload, HUrlUpload };
 // powered by hdj

package/es/modal.d.ts

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

package/lib/CheckboxGroup/CheckBox/index.js

@@ -1,10 +1,10 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var antd = require("antd");
-var React = require("react");
-var index = require("../../hooks/index.js");
+var antd = require('antd');
+var React = require('react');
+var index = require('../../hooks/index.js');
 
 var Index = function Index(_ref) {
   var value = _ref.value,
@@ -12,21 +12,17 @@ var Index = function Index(_ref) {
     children = _ref.children,
     propsValueCheckMap = _ref.valueMap;
   var _useMatchConfigProps = index.useMatchConfigProps({
-      valueCheckMap: propsValueCheckMap,
+      valueCheckMap: propsValueCheckMap
     }),
     _useMatchConfigProps$ = _useMatchConfigProps.valueCheckMap,
-    valueCheckMap =
-      _useMatchConfigProps$ === void 0 ? {} : _useMatchConfigProps$;
-  var checkedVal = React.useMemo(
-    function () {
-      var checked = valueCheckMap.checked;
-      if (value === checked) {
-        return true;
-      }
-      return false;
-    },
-    [value]
-  );
+    valueCheckMap = _useMatchConfigProps$ === void 0 ? {} : _useMatchConfigProps$;
+  var checkedVal = React.useMemo(function () {
+    var checked = valueCheckMap.checked;
+    if (value === checked) {
+      return true;
+    }
+    return false;
+  }, [value]);
   var change = function change(e) {
     var checked = valueCheckMap.checked,
       noChecked = valueCheckMap.noChecked;
@@ -37,14 +33,10 @@ var Index = function Index(_ref) {
     }
     onChange === null || onChange === void 0 ? void 0 : onChange(subVal);
   };
-  return /*#__PURE__*/ React.createElement(
-    antd.Checkbox,
-    {
-      checked: checkedVal,
-      onChange: change,
-    },
-    children
-  );
+  return /*#__PURE__*/React.createElement(antd.Checkbox, {
+    checked: checkedVal,
+    onChange: change
+  }, children);
 };
 
 exports.default = Index;

package/lib/CheckboxGroup/hooks.d.ts

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

@@ -1,58 +1,20 @@
-"use strict";
+'use strict';
 
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js/object/get-own-property-symbols");
-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 _slicedToArray = require("@babel/runtime-corejs3/helpers/slicedToArray");
-var _defineProperty = require("@babel/runtime-corejs3/helpers/defineProperty");
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/for-each");
-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 _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
+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 _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
+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');
 
-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;
-}
+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,
@@ -61,14 +23,12 @@ var changValProvider = function changValProvider(_ref) {
   var newVal = _objectSpread({}, value);
   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) {
-          newVal[itemVal] = noChecked;
-        }
-      });
+  options === null || options === void 0 ? void 0 : _forEachInstanceProperty(options).call(options, function (item) {
+    var itemVal = item.value;
+    if (newVal[itemVal] !== checked) {
+      newVal[itemVal] = noChecked;
+    }
+  });
   return newVal;
 };
 var useValueProvider = function useValueProvider(_ref2) {
@@ -85,62 +45,53 @@ var useValueProvider = function useValueProvider(_ref2) {
     setVal = _useState2[1];
   var oldValueCheckMap = React.useMemo(function () {
     return {
-      valueMap: valueMap,
+      valueMap: valueMap
     };
   }, []);
-  React.useEffect(
-    function () {
-      setVal(function (oldVal) {
-        return changValProvider({
-          value: oldVal,
-          options: options,
-          valueMap: oldValueCheckMap.valueMap,
-        });
+  React.useEffect(function () {
+    setVal(function (oldVal) {
+      return changValProvider({
+        value: oldVal,
+        options: options,
+        valueMap: oldValueCheckMap.valueMap
       });
-    },
-    [options]
-  );
-  React.useEffect(
-    function () {
-      var oldChecked = oldValueCheckMap.valueMap.checked;
-      var checked = valueMap.checked,
-        noChecked = valueMap.noChecked;
-      setVal(function (oldVal) {
-        var newVal = _objectSpread({}, oldVal);
-        var keys = _Object$keys(newVal);
-        _forEachInstanceProperty(keys).call(keys, function (key) {
-          if (newVal[key] === oldChecked) {
-            newVal[key] = checked;
-            return;
-          }
-          newVal[key] = noChecked;
-        });
-        oldValueCheckMap.valueMap = valueMap;
-        return newVal;
+    });
+  }, [options]);
+  React.useEffect(function () {
+    var oldChecked = oldValueCheckMap.valueMap.checked;
+    var checked = valueMap.checked,
+      noChecked = valueMap.noChecked;
+    setVal(function (oldVal) {
+      var newVal = _objectSpread({}, oldVal);
+      var keys = _Object$keys(newVal);
+      _forEachInstanceProperty(keys).call(keys, function (key) {
+        if (newVal[key] === oldChecked) {
+          newVal[key] = checked;
+          return;
+        }
+        newVal[key] = noChecked;
       });
-    },
-    [valueMap]
-  );
-  React.useEffect(
-    function () {
-      var checked = oldValueCheckMap.valueMap.checked;
-      if (!value) {
-        return;
-      }
-      if (!_Array$isArray(value)) {
-        setVal(value);
-        return;
-      }
-      setVal(function (oldVal) {
-        var newVal = _objectSpread({}, oldVal);
-        _forEachInstanceProperty(value).call(value, function (itemVal) {
-          newVal[itemVal] = checked;
-        });
-        return newVal;
+      oldValueCheckMap.valueMap = valueMap;
+      return newVal;
+    });
+  }, [valueMap]);
+  React.useEffect(function () {
+    var checked = oldValueCheckMap.valueMap.checked;
+    if (!value) {
+      return;
+    }
+    if (!_Array$isArray(value)) {
+      setVal(value);
+      return;
+    }
+    setVal(function (oldVal) {
+      var newVal = _objectSpread({}, oldVal);
+      _forEachInstanceProperty(value).call(value, function (itemVal) {
+        newVal[itemVal] = checked;
       });
-    },
-    [value]
-  );
+      return newVal;
+    });
+  }, [value]);
   var change = function change(key, changeVal) {
     var _context;
     var checked = valueMap.checked,
@@ -158,16 +109,14 @@ var useValueProvider = function useValueProvider(_ref2) {
       onChange(newVal);
       return;
     }
-    var subVal = _filterInstanceProperty(
-      (_context = _Object$keys(newVal))
-    ).call(_context, function (valKey) {
+    var subVal = _filterInstanceProperty(_context = _Object$keys(newVal)).call(_context, function (valKey) {
       return newVal[valKey] === checked;
     });
     onChange(subVal);
   };
   return {
     val: val,
-    change: change,
+    change: change
   };
 };
 

package/lib/CheckboxGroup/index.d.ts

@@ -1,8 +1,3 @@
 import React from "react";
-declare const _default: (
-  props: import("../Form/modal").HFormItemProps
-) => React.ReactElement<
-  import("../Form/modal").ConnectResultProps,
-  string | React.JSXElementConstructor<any>
->;
+declare const _default: (props: import("../Form/modal").HFormItemProps) => React.ReactElement<import("../Form/modal").ConnectResultProps, string | React.JSXElementConstructor<any>>;
 export default _default;