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

package/es/index.d.ts

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

package/es/index.js

@@ -1,8 +1,8 @@
 // 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";
 
 var HSelect = FormConfig.select;
 var HInput = FormConfig.input;
@@ -21,5 +21,22 @@ var HInputNumber = FormConfig.inputNumber;
 var HPageHandler = Index;
 var HFormConfigProvider = FormConfig.formConfigProvider;
 
-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,
+  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,17 +12,21 @@ 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;
@@ -33,10 +37,14 @@ 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,5 +1,11 @@
 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,20 +1,58 @@
-'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,
@@ -23,12 +61,14 @@ 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) {
@@ -45,53 +85,62 @@ 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;
+    },
+    [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;
       });
-      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;
+    },
+    [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;
       });
-      return newVal;
-    });
-  }, [value]);
+    },
+    [value]
+  );
   var change = function change(key, changeVal) {
     var _context;
     var checked = valueMap.checked,
@@ -109,14 +158,16 @@ 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,3 +1,8 @@
 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;