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

package/es/Form/Context/index.js

@@ -1,11 +1,11 @@
 // welcome to hoo hoo hoo
-import React, { useContext } from 'react';
+import React, { useContext } from "react";
 
-var FormContext = /*#__PURE__*/React.createContext({});
+var FormContext = /*#__PURE__*/ React.createContext({});
 var useFormContext = function useFormContext() {
   return useContext(FormContext);
 };
-var FormConfigContext = /*#__PURE__*/React.createContext({});
+var FormConfigContext = /*#__PURE__*/ React.createContext({});
 
 export { FormConfigContext, FormContext, useFormContext };
 // powered by hdj

package/es/Form/FormItem/BasicItem.js

@@ -1,36 +1,58 @@
 // welcome to hoo hoo hoo
-import _extends from '@babel/runtime-corejs3/helpers/extends';
-import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
-import Index$1 from '../Label.js';
-import { Form, Space } from 'antd';
-import React from 'react';
-import Index$2 from './Helper.js';
-import { useClassName } from '../../hooks/index.js';
-import { useHide } from './hooks.js';
-import { useFormContext } from '../Context/index.js';
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/objectWithoutProperties";
+import Index$1 from "../Label.js";
+import { Form, Space } from "antd";
+import React from "react";
+import Index$2 from "./Helper.js";
+import { useClassName } from "../../hooks/index.js";
+import { useHide } from "./hooks.js";
+import { useFormContext } from "../Context/index.js";
 
-var _excluded = ["hover", "labelWidth", "required", "colon", "label", "itemProps", "children", "helper", "hide", "render"];
+var _excluded = [
+  "hover",
+  "labelWidth",
+  "required",
+  "colon",
+  "label",
+  "itemProps",
+  "children",
+  "helper",
+  "hide",
+  "render",
+];
 var Content = function Content(_ref) {
   var children = _ref.children,
     helper = _ref.helper,
     value = _ref.value,
     onChange = _ref.onChange;
   var className = useClassName("hw-form-base-item");
-  var relChild = children && /*#__PURE__*/React.cloneElement(children, {
-    value: value,
-    onChange: onChange
-  });
-  return /*#__PURE__*/React.createElement(Space, {
-    direction: "vertical",
-    size: 4,
-    style: {
-      width: "100%"
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: className
-  }, relChild), /*#__PURE__*/React.createElement(Index$2, {
-    helper: helper
-  }));
+  var relChild =
+    children &&
+    /*#__PURE__*/ React.cloneElement(children, {
+      value: value,
+      onChange: onChange,
+    });
+  return /*#__PURE__*/ React.createElement(
+    Space,
+    {
+      direction: "vertical",
+      size: 4,
+      style: {
+        width: "100%",
+      },
+    },
+    /*#__PURE__*/ React.createElement(
+      "div",
+      {
+        className: className,
+      },
+      relChild
+    ),
+    /*#__PURE__*/ React.createElement(Index$2, {
+      helper: helper,
+    })
+  );
 };
 var Index = function Index(_ref2) {
   var hover = _ref2.hover,
@@ -39,9 +61,9 @@ var Index = function Index(_ref2) {
     _ref2$colon = _ref2.colon,
     colon = _ref2$colon === void 0 ? true : _ref2$colon,
     label = _ref2.label;
-    _ref2.itemProps;
-    _ref2.children;
-    var helper = _ref2.helper,
+  _ref2.itemProps;
+  _ref2.children;
+  var helper = _ref2.helper,
     hide = _ref2.hide,
     render = _ref2.render,
     props = _objectWithoutProperties(_ref2, _excluded);
@@ -49,24 +71,40 @@ var Index = function Index(_ref2) {
     form = _useFormContext.form;
   var hideItem = useHide({
     hide: hide,
-    form: form
+    form: form,
   });
   if (hideItem) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(Form.Item, _extends({
-    label: /*#__PURE__*/React.createElement(Index$1, {
-      hover: hover,
-      labelWidth: labelWidth,
-      required: required,
-      colon: colon
-    }, label)
-  }, props, {
-    colon: false,
-    required: false
-  }), /*#__PURE__*/React.createElement(Content, {
-    helper: helper
-  }, render(form)));
+  return /*#__PURE__*/ React.createElement(
+    Form.Item,
+    _extends(
+      {
+        label: /*#__PURE__*/ React.createElement(
+          Index$1,
+          {
+            hover: hover,
+            labelWidth: labelWidth,
+            required: required,
+            colon: colon,
+          },
+          label
+        ),
+      },
+      props,
+      {
+        colon: false,
+        required: false,
+      }
+    ),
+    /*#__PURE__*/ React.createElement(
+      Content,
+      {
+        helper: helper,
+      },
+      render(form)
+    )
+  );
 };
 
 export { Index as default };

package/es/Form/FormItem/Helper.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import type { HItemProps } from "@/components/Form/modal";
 interface HelperProps {
-    helper?: HItemProps["helper"];
+  helper?: HItemProps["helper"];
 }
 declare const Index: React.FC<HelperProps>;
 export default Index;

package/es/Form/FormItem/Helper.js

@@ -1,7 +1,7 @@
 // welcome to hoo hoo hoo
-import React from 'react';
-import { Typography } from 'antd';
-import { useFormContext } from '../Context/index.js';
+import React from "react";
+import { Typography } from "antd";
+import { useFormContext } from "../Context/index.js";
 
 var Index = function Index(_ref) {
   var helper = _ref.helper;
@@ -11,13 +11,21 @@ var Index = function Index(_ref) {
     return null;
   }
   if (typeof helper === "function") {
-    return /*#__PURE__*/React.createElement(Typography.Text, {
-      type: "secondary"
-    }, helper(form));
+    return /*#__PURE__*/ React.createElement(
+      Typography.Text,
+      {
+        type: "secondary",
+      },
+      helper(form)
+    );
   }
-  return /*#__PURE__*/React.createElement(Typography.Text, {
-    type: "secondary"
-  }, helper);
+  return /*#__PURE__*/ React.createElement(
+    Typography.Text,
+    {
+      type: "secondary",
+    },
+    helper
+  );
 };
 
 export { Index as default };

package/es/Form/FormItem/RegularFormItem.js

@@ -1,15 +1,18 @@
 // welcome to hoo hoo hoo
-import React from 'react';
-import _extends from '@babel/runtime-corejs3/helpers/extends';
-import Index from './BasicItem.js';
+import React from "react";
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import Index from "./BasicItem.js";
 
-var RegularFormItem = (function (props) {
+var RegularFormItem = function (props) {
   var type = props.type,
     colon = props.colon;
-  return /*#__PURE__*/React.createElement(Index, _extends({}, props, {
-    colon: type === "submit" ? false : colon
-  }));
-});
+  return /*#__PURE__*/ React.createElement(
+    Index,
+    _extends({}, props, {
+      colon: type === "submit" ? false : colon,
+    })
+  );
+};
 
 export { RegularFormItem as default };
 // powered by hdj

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

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

package/es/Form/FormItem/UpFormItem.js

@@ -1,31 +1,41 @@
 // welcome to hoo hoo hoo
-import React from 'react';
-import _extends from '@babel/runtime-corejs3/helpers/extends';
-import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
-import { Form } from 'antd';
-import Index from './BasicItem.js';
-import { useShouldUpdate } from './hooks.js';
+import React from "react";
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/objectWithoutProperties";
+import { Form } from "antd";
+import Index from "./BasicItem.js";
+import { useShouldUpdate } from "./hooks.js";
 
 var _excluded = ["shouldUpdate", "dependencies", "hide"];
 var Item = Form.Item;
-var UpFormItem = (function (_ref) {
+var UpFormItem = function (_ref) {
   var shouldUpdate = _ref.shouldUpdate,
     dependencies = _ref.dependencies,
     hide = _ref.hide,
     props = _objectWithoutProperties(_ref, _excluded);
   var resultShouldUpdate = useShouldUpdate({
     shouldUpdate: shouldUpdate,
-    hide: hide
+    hide: hide,
   });
-  return /*#__PURE__*/React.createElement(Item, {
-    shouldUpdate: resultShouldUpdate,
-    dependencies: dependencies
-  }, function () {
-    return /*#__PURE__*/React.createElement(Index, _extends({
-      hide: hide
-    }, props));
-  });
-});
+  return /*#__PURE__*/ React.createElement(
+    Item,
+    {
+      shouldUpdate: resultShouldUpdate,
+      dependencies: dependencies,
+    },
+    function () {
+      return /*#__PURE__*/ React.createElement(
+        Index,
+        _extends(
+          {
+            hide: hide,
+          },
+          props
+        )
+      );
+    }
+  );
+};
 
 export { UpFormItem as default };
 // powered by hdj

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

@@ -1,10 +1,27 @@
 /// <reference types="react" />
-import type { FormItemWithRender, HFormInstance } from "@/components/Form/modal";
+import type {
+  FormItemWithRender,
+  HFormInstance,
+} from "@/components/Form/modal";
 import type { HItemProps } from "@/components/Form/modal";
-export declare const useFormItemDomControl: ({ shouldUpdate, hide, dependencies, }: FormItemWithRender) => ({ shouldUpdate, dependencies, hide, ...props }: FormItemWithRender) => JSX.Element;
+export declare const useFormItemDomControl: ({
+  shouldUpdate,
+  hide,
+  dependencies,
+}: FormItemWithRender) => ({
+  shouldUpdate,
+  dependencies,
+  hide,
+  ...props
+}: FormItemWithRender) => JSX.Element;
 interface UseHideUpItemModal extends Omit<HItemProps, "name"> {
-    form: HFormInstance;
+  form: HFormInstance;
 }
-export declare const useShouldUpdate: ({ hide, shouldUpdate, }: Omit<HItemProps, "name">) => import("rc-field-form/lib/Field").ShouldUpdate<any> | undefined;
+export declare const useShouldUpdate: ({
+  hide,
+  shouldUpdate,
+}: Omit<HItemProps, "name">) =>
+  | import("rc-field-form/lib/Field").ShouldUpdate<any>
+  | undefined;
 export declare const useHide: ({ hide, form }: UseHideUpItemModal) => boolean;
 export {};

package/es/Form/FormItem/hooks.js

@@ -1,18 +1,21 @@
 // welcome to hoo hoo hoo
-import UpFormItem from './UpFormItem.js';
-import RegularFormItem from './RegularFormItem.js';
-import { useMemo } from 'react';
+import UpFormItem from "./UpFormItem.js";
+import RegularFormItem from "./RegularFormItem.js";
+import { useMemo } from "react";
 
 var useFormItemDomControl = function useFormItemDomControl(_ref) {
   var shouldUpdate = _ref.shouldUpdate,
     hide = _ref.hide,
     dependencies = _ref.dependencies;
-  return useMemo(function () {
-    if (shouldUpdate || typeof hide === "function" || dependencies) {
-      return UpFormItem;
-    }
-    return RegularFormItem;
-  }, [shouldUpdate, hide]);
+  return useMemo(
+    function () {
+      if (shouldUpdate || typeof hide === "function" || dependencies) {
+        return UpFormItem;
+      }
+      return RegularFormItem;
+    },
+    [shouldUpdate, hide]
+  );
 };
 var useShouldUpdate = function useShouldUpdate(_ref2) {
   var hide = _ref2.hide,

package/es/Form/FormItem/index.js

@@ -1,11 +1,11 @@
 // welcome to hoo hoo hoo
-import { useFormItemDomControl } from './hooks.js';
-import React from 'react';
+import { useFormItemDomControl } from "./hooks.js";
+import React from "react";
 
-var Item = (function (props) {
+var Item = function (props) {
   var Component = useFormItemDomControl(props);
-  return /*#__PURE__*/React.createElement(Component, props);
-});
+  return /*#__PURE__*/ React.createElement(Component, props);
+};
 
 export { Item as default };
 // powered by hdj

package/es/Form/HFormConnect.d.ts

@@ -2,5 +2,13 @@ import type { HFormItemProps } from "@/components/Form/modal";
 import React from "react";
 import type { ConnectConfigModal } from "@/components/Form/modal";
 import type { ConnectResultProps } from "@/components/Form/modal";
-declare const _default: (Component: React.FunctionComponent | React.ComponentClass, config?: ConnectConfigModal) => (props: HFormItemProps) => React.ReactElement<ConnectResultProps, string | React.JSXElementConstructor<any>>;
+declare const _default: (
+  Component: React.FunctionComponent | React.ComponentClass,
+  config?: ConnectConfigModal
+) => (
+  props: HFormItemProps
+) => React.ReactElement<
+  ConnectResultProps,
+  string | React.JSXElementConstructor<any>
+>;
 export default _default;

package/es/Form/HFormConnect.js

@@ -1,18 +1,57 @@
 // welcome to hoo hoo hoo
-import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
-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 _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
-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 _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
-import { useFormContext } from './Context/index.js';
-import React, { useEffect } from 'react';
+import _Object$keys from "@babel/runtime-corejs3/core-js/object/keys";
+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 _forEachInstanceProperty from "@babel/runtime-corejs3/core-js/instance/for-each";
+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 _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+import { useFormContext } from "./Context/index.js";
+import React, { useEffect } from "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 _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; }
+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 formatMaker = function formatMaker(itemProps, formats) {
   if (!formats) {
     return formats;
@@ -25,30 +64,59 @@ var formatMaker = function formatMaker(itemProps, formats) {
     },
     outputValue: function outputValue(value) {
       return _outputValue(itemProps, value);
-    }
+    },
   };
 };
-var HFormConnect = (function (Component) {
-  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+var HFormConnect = function (Component) {
+  var config =
+    arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var _config$format = config.format,
     format = _config$format === void 0 ? {} : _config$format;
   return function (props) {
-    var name = props.name;
+    var _props$name = props.name,
+      name = _props$name === void 0 ? "" : _props$name;
     var _useFormContext = useFormContext(),
       form = _useFormContext.form,
       _useFormContext$value = _useFormContext.valueType,
-      valueType = _useFormContext$value === void 0 ? "float" : _useFormContext$value;
-    useEffect(function () {
-      form === null || form === void 0 ? void 0 : form.addFormat(name, formatMaker(props, format[valueType]));
-    }, [valueType, props]);
+      valueType =
+        _useFormContext$value === void 0 ? "float" : _useFormContext$value;
+    useEffect(
+      function () {
+        form === null || form === void 0
+          ? void 0
+          : form.addFormat(name, formatMaker(props, format[valueType]));
+      },
+      [valueType, props]
+    );
     var addFormat = function addFormat(aFormat) {
-      form === null || form === void 0 ? void 0 : form.addFormat(name, formatMaker(props, aFormat[valueType]));
+      form === null || form === void 0
+        ? void 0
+        : form.addFormat(name, formatMaker(props, aFormat[valueType]));
     };
-    return /*#__PURE__*/React.createElement(Component, _objectSpread(_objectSpread({}, props), {}, {
-      addFormat: addFormat
-    }));
+    var addDispatchListener = function addDispatchListener(key, fn) {
+      form === null || form === void 0
+        ? void 0
+        : form.addDispatchListener(
+            {
+              key: key,
+              name: name,
+            },
+            fn
+          );
+    };
+    return /*#__PURE__*/ React.createElement(
+      Component,
+      _objectSpread(
+        _objectSpread({}, props),
+        {},
+        {
+          addFormat: addFormat,
+          addDispatchListener: addDispatchListener,
+        }
+      )
+    );
   };
-});
+};
 
 export { HFormConnect as default };
 // powered by hdj

package/es/Form/InitSet.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 interface InitSetProps {
-    initValues?: Record<string, any>;
+  initValues?: Record<string, any>;
 }
 declare const _default: ({ initValues }: InitSetProps) => JSX.Element;
 export default _default;

package/es/Form/InitSet.js

@@ -1,16 +1,16 @@
 // welcome to hoo hoo hoo
-import React, { useEffect } from 'react';
-import { useFormContext } from './Context/index.js';
+import React, { useEffect } from "react";
+import { useFormContext } from "./Context/index.js";
 
-var InitSet = (function (_ref) {
+var InitSet = function (_ref) {
   var initValues = _ref.initValues;
   var _useFormContext = useFormContext(),
     form = _useFormContext.form;
   useEffect(function () {
     form.initValues(initValues);
   }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null);
-});
+  return /*#__PURE__*/ React.createElement(React.Fragment, null);
+};
 
 export { InitSet as default };
 // powered by hdj

package/es/Form/Label.d.ts

@@ -1,10 +1,10 @@
 import type { HoverModal } from "./modal";
 import React from "react";
 interface IProps {
-    labelWidth?: number;
-    hover?: string | HoverModal;
-    colon?: boolean;
-    required?: boolean;
+  labelWidth?: number;
+  hover?: string | HoverModal;
+  colon?: boolean;
+  required?: boolean;
 }
 declare const Index: React.FC<IProps>;
 export default Index;