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

package/es/Form/index.js

@@ -1,27 +1,21 @@
 // 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 _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
-import { Form } from "antd";
-import Item from "./FormItem/index.js";
-import { useCurrentForm, useSub, useInit } from "./hooks/index.js";
-import { FormContext } from "./Context/index.js";
-import Index from "../PageHandler/index.js";
-import useInitConfigData from "./hooks/useInitConfigData.js";
-import InitSet from "./InitSet.js";
+import React, { useEffect } from 'react';
+import _extends from '@babel/runtime-corejs3/helpers/extends';
+import _asyncToGenerator from '@babel/runtime-corejs3/helpers/asyncToGenerator';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js/instance/map';
+import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
+import { Form } from 'antd';
+import Item from './FormItem/index.js';
+import { useCurrentForm, useSub } from './hooks/index.js';
+import { FormContext } from './Context/index.js';
+import Index from '../PageHandler/index.js';
+import useInitConfigData from './hooks/useInitConfigData.js';
+import { useRequest } from 'ahooks';
+import InitSet from './InitSet.js';
 
-var _excluded = [
-  "configData",
-  "labelWidth",
-  "form",
-  "request",
-  "onFinish",
-  "infoRequest",
-  "valueType",
-  "initialValues",
-];
-var index = function (_ref) {
+var _excluded = ["configData", "labelWidth", "form", "request", "onFinish", "infoRequest", "valueType", "initialValues"];
+var HForm = (function (_ref) {
   var configData = _ref.configData,
     labelWidth = _ref.labelWidth,
     form = _ref.form,
@@ -35,70 +29,76 @@ var index = function (_ref) {
   var hForm = useCurrentForm(form);
   var newConfigData = useInitConfigData({
     configData: configData,
-    form: hForm,
+    form: hForm
   });
   var _useSub = useSub({
       request: request,
       onFinish: onFinish,
       valueType: valueType,
-      form: hForm,
+      form: hForm
     }),
     run = _useSub.run,
     loading = _useSub.loading;
-  var _useInit = useInit({
-      infoRequest: infoRequest,
-      initialValues: initialValues,
-    }),
-    infoRun = _useInit.infoRun,
-    infoLoading = _useInit.infoLoading,
-    infoErr = _useInit.infoErr,
-    infoData = _useInit.infoData;
-  return /*#__PURE__*/ React.createElement(
-    Index,
-    {
-      loading: infoLoading,
-      error: infoErr,
-      data: infoData,
-      reload: infoRun,
-    },
-    /*#__PURE__*/ React.createElement(
-      FormContext.Provider,
-      {
-        value: {
-          loading: loading,
-          form: hForm,
-          valueType: valueType,
-        },
-      },
-      /*#__PURE__*/ React.createElement(
-        Form,
-        _extends(
-          {
-            form: hForm,
-            onFinish: run,
-          },
-          props
-        ),
-        _mapInstanceProperty(newConfigData).call(
-          newConfigData,
-          function (itemData, index) {
-            var itemLabelWidth = itemData.labelWidth;
-            return /*#__PURE__*/ React.createElement(
-              Item,
-              _extends({}, itemData, {
-                key: index,
-                labelWidth: itemLabelWidth || labelWidth,
-              })
-            );
-          }
-        )
-      ),
-      /*#__PURE__*/ React.createElement(InitSet, {
-        initValues: infoData,
-      })
-    )
-  );
-};
+  var _useRequest = useRequest( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var setValue;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setValue = initialValues;
+            if (!(!initialValues && !infoRequest)) {
+              _context.next = 3;
+              break;
+            }
+            return _context.abrupt("return", {});
+          case 3:
+            if (!infoRequest) {
+              _context.next = 7;
+              break;
+            }
+            _context.next = 6;
+            return infoRequest();
+          case 6:
+            setValue = _context.sent;
+          case 7:
+            hForm.setFieldsValue(setValue);
+            return _context.abrupt("return", setValue);
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }))),
+    infoRun = _useRequest.run,
+    infoLoading = _useRequest.loading,
+    infoErr = _useRequest.error,
+    infoData = _useRequest.data;
+  useEffect(function () {
+    return function () {
+      hForm.removeDispatchListener();
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(Index, {
+    loading: infoLoading,
+    error: infoErr,
+    data: infoData,
+    reload: infoRun
+  }, /*#__PURE__*/React.createElement(FormContext.Provider, {
+    value: {
+      loading: loading,
+      form: hForm,
+      valueType: valueType
+    }
+  }, /*#__PURE__*/React.createElement(Form, _extends({
+    form: hForm,
+    onFinish: run
+  }, props), _mapInstanceProperty(newConfigData).call(newConfigData, function (itemData, index) {
+    var itemLabelWidth = itemData.labelWidth;
+    return /*#__PURE__*/React.createElement(Item, _extends({}, itemData, {
+      key: index,
+      labelWidth: itemLabelWidth || labelWidth
+    }));
+  }), /*#__PURE__*/React.createElement(InitSet, null))));
+});
 
-export { index as default };
+export { HForm as default };
 // powered by hdj

package/es/Form/modal.d.ts

@@ -1,133 +1,98 @@
 import type { FormInstance, FormItemProps, FormProps } from "antd";
 import type { HCheckboxProps } from "@/components/CheckboxGroup/modal";
 import type React from "react";
-import type {
-  HButtonProps,
-  HInputProps,
-  HSelectInputProps,
-} from "@/components/Input/modal";
+import type { HButtonProps, HInputProps, HSelectInputProps } from "@/components/Input/modal";
 import type { HRadioGroupProps } from "@/components/RadioGroup";
 import type { HSelectProps } from "@/components/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 { HDatePickerProps, HRangePickerProps, HTimePickerProps } from "@/components/TDPicker/modal";
 import type { TextAreaProps } from "antd/es/input";
 import type { IUpLoadProps } from "@/components/Upload/modal";
 import type { SelectProps } from "antd";
 import type { RangePickerProps } from "antd/es/date-picker";
-import type {
-  PromiseFnResult,
-  ValueCheckMapModal,
-  ValueSwitchMapModal,
-  DateRangePickerValueMapModal,
-} from "../modal";
-type RenderFun = (
-  props: HItemProps,
-  node: React.ReactNode,
-  form: FormInstance
-) => void;
-type ItemPropsType =
-  | HCheckboxProps
-  | HInputProps
-  | HSelectInputProps
-  | HButtonProps
-  | HRadioGroupProps
-  | HSelectProps
-  | ButtonProps
-  | HSwitchProps
-  | HDatePickerProps
-  | HRangePickerProps
-  | HTimePickerProps
-  | TextAreaProps
-  | IUpLoadProps;
+import type { PromiseFnResult, ValueCheckMapModal, ValueSwitchMapModal, DateRangePickerValueMapModal } from "../modal";
+type RenderFun = (props: HItemProps, node: React.ReactNode, form: FormInstance) => void;
+type ItemPropsType = HCheckboxProps | HInputProps | HSelectInputProps | HButtonProps | HRadioGroupProps | HSelectProps | ButtonProps | HSwitchProps | HDatePickerProps | HRangePickerProps | HTimePickerProps | TextAreaProps | IUpLoadProps;
 export interface HoverModal {
-  text?: string;
-  icon?: React.ReactNode;
+    text?: string;
+    icon?: React.ReactNode;
 }
 type HelperModal = (form: HFormInstance) => React.ReactNode | string;
 export type HideModal = (form: HFormInstance) => boolean;
+export type AddDispatchListenerFn = (action: ActionModal, fn: argsFn) => void;
 export interface HItemProps extends Omit<FormItemProps, "name"> {
-  type?: string;
-  itemProps?: ItemPropsType;
-  render?: RenderFun;
-  helper?: HelperModal | string;
-  hover?: string | HoverModal;
-  labelWidth?: number;
-  hide?: boolean | HideModal;
-  placeholder?: string | string[];
-  name?: string;
+    type?: string;
+    itemProps?: ItemPropsType;
+    render?: RenderFun;
+    helper?: HelperModal | string;
+    hover?: string | HoverModal;
+    labelWidth?: number;
+    hide?: boolean | HideModal;
+    placeholder?: string | string[];
+    name?: string;
 }
 export interface HFormProps<T = any, R = any> extends Omit<FormProps, "form"> {
-  configData: HItemProps[];
-  labelWidth?: number;
-  request?: PromiseFnResult<T, R>;
-  infoRequest?: () => Promise<T>;
-  valueType?: string;
-  form?: HFormInstance;
+    configData: HItemProps[];
+    labelWidth?: number;
+    request?: PromiseFnResult<T, R>;
+    infoRequest?: () => Promise<T>;
+    valueType?: string;
+    form?: HFormInstance;
 }
 export interface HFormItemProps extends HItemProps {
-  required?: boolean;
+    required?: boolean;
 }
 export interface FormItemWithRender extends Omit<HFormItemProps, "render"> {
-  render: (form: HFormInstance) => React.ReactNode;
+    render: (form: HFormInstance) => React.ReactNode;
 }
 export type argsFn = (...args: any[]) => void;
 export interface FormContextProps {
-  loading?: boolean;
-  form: HFormInstance;
-  valueType?: string;
+    loading?: boolean;
+    form: HFormInstance;
+    valueType?: string;
 }
 interface ConfigUploadProps {
-  exFiles?: string[];
-  maxSize?: number;
-  request?: PromiseFnResult;
+    exFiles?: string[];
+    maxSize?: number;
+    request?: PromiseFnResult;
 }
 export interface IFormConfigContextProps {
-  fieldNames?: SelectProps["fieldNames"];
-  valueCheckMap?: ValueCheckMapModal;
-  valueSwitchMap?: ValueSwitchMapModal;
-  valueRangePickerValueMap?: DateRangePickerValueMapModal;
-  dateRanges?: RangePickerProps["ranges"];
-  uploadProps?: ConfigUploadProps;
+    fieldNames?: SelectProps["fieldNames"];
+    valueCheckMap?: ValueCheckMapModal;
+    valueSwitchMap?: ValueSwitchMapModal;
+    valueRangePickerValueMap?: DateRangePickerValueMapModal;
+    dateRanges?: RangePickerProps["ranges"];
+    uploadProps?: ConfigUploadProps;
 }
 interface ActionModal {
-  key: string;
-  name?: string;
+    key: string;
+    name?: string;
 }
 export interface HFormInstance extends FormInstance {
-  addFormat: (name: string, formats?: FormatItemModal) => void;
-  initValues: (values?: Record<string, any>) => void;
-  formatValues: (
-    values?: Record<string, any>,
-    formatKey?: string
-  ) => Record<string, any>;
-  dispatch: (action: ActionModal, ...args: any[]) => void;
-  outputValues: (values?: Record<string, any>) => Record<string, any>;
-  addDispatchListener: (action: ActionModal, fn: argsFn) => void;
-  removeDispatchListener: (action?: ActionModal, fn?: argsFn) => void;
+    addFormat: (name: string, formats?: FormatItemModal) => void;
+    initValues: VoidFunction;
+    formatValues: (values?: Record<string, any>, formatKey?: string) => Record<string, any>;
+    dispatch: (action: ActionModal, ...args: any[]) => void;
+    outputValues: (values?: Record<string, any>) => Record<string, any>;
+    addDispatchListener: AddDispatchListenerFn;
+    removeDispatchListener: (action?: ActionModal, fn?: argsFn) => void;
 }
 export interface ConnectConfigModal {
-  format?: Record<string, addFormatItemModal>;
+    format?: Record<string, addFormatItemModal>;
 }
 type ValueFormat = (value: Record<string, any>) => Record<string, any>;
 export interface FormatItemModal {
-  inputValue: ValueFormat;
-  outputValue: ValueFormat;
+    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 {
-  addFormat?: (format: Record<string, addFormatItemModal>) => void;
-  addDispatchListener?: (key: string, fn: argsFn) => void;
+    addFormat?: (format: Record<string, addFormatItemModal>) => void;
+    addDispatchListener?: (key: string, fn: argsFn) => void;
 }
 export {};

package/es/Input/ButtonInput.js

@@ -1,11 +1,11 @@
 // welcome to hoo hoo hoo
-import _extends from "@babel/runtime-corejs3/helpers/extends";
-import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/objectWithoutProperties";
-import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
-import { Input, Button } from "antd";
-import React from "react";
-import { useRequest } from "ahooks";
+import _extends from '@babel/runtime-corejs3/helpers/extends';
+import _asyncToGenerator from '@babel/runtime-corejs3/helpers/asyncToGenerator';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
+import { Input, Button } from 'antd';
+import React from 'react';
+import { useRequest } from 'ahooks';
 
 var _excluded = ["buttonProps", "value", "onChange", "children", "request"],
   _excluded2 = ["onClick", "type"];
@@ -21,81 +21,59 @@ var Index = function Index(_ref) {
     _buttonProps$type = buttonProps.type,
     type = _buttonProps$type === void 0 ? "primary" : _buttonProps$type,
     oProps = _objectWithoutProperties(buttonProps, _excluded2);
-  var _useRequest = useRequest(
-      function (val) {
-        return request === null || request === void 0 ? void 0 : request(val);
-      },
-      {
-        manual: true,
-      }
-    ),
+  var _useRequest = useRequest(function (val) {
+      return request === null || request === void 0 ? void 0 : request(val);
+    }, {
+      manual: true
+    }),
     run = _useRequest.run,
     loading = _useRequest.loading;
   var change = function change(e) {
-    onChange === null || onChange === void 0
-      ? void 0
-      : onChange(e.target.value);
+    onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
   };
-  var click = /*#__PURE__*/ (function () {
-    var _ref2 = _asyncToGenerator(
-      /*#__PURE__*/ _regeneratorRuntime.mark(function _callee(e) {
-        var result;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1)
-            switch ((_context.prev = _context.next)) {
-              case 0:
-                result = value;
-                if (!request) {
-                  _context.next = 5;
-                  break;
-                }
-                _context.next = 4;
-                return run(value);
-              case 4:
-                result = _context.sent;
-              case 5:
-                onClick === null || onClick === void 0
-                  ? void 0
-                  : onClick(result, e);
-              case 6:
-              case "end":
-                return _context.stop();
+  var click = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(e) {
+      var result;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            result = value;
+            if (!request) {
+              _context.next = 5;
+              break;
             }
-        }, _callee);
-      })
-    );
+            _context.next = 4;
+            return run(value);
+          case 4:
+            result = _context.sent;
+          case 5:
+            onClick === null || onClick === void 0 ? void 0 : onClick(result, e);
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
     return function click(_x) {
       return _ref2.apply(this, arguments);
     };
-  })();
-  return /*#__PURE__*/ React.createElement(
-    Input.Group,
-    {
-      compact: true,
-      style: {
-        display: "flex",
-      },
+  }();
+  return /*#__PURE__*/React.createElement(Input.Group, {
+    compact: true,
+    style: {
+      display: "flex"
+    }
+  }, /*#__PURE__*/React.createElement(Input, _extends({}, props, {
+    style: {
+      flex: 1
     },
-    /*#__PURE__*/ React.createElement(
-      Input,
-      _extends({}, props, {
-        style: {
-          flex: 1,
-        },
-        value: value,
-        onChange: change,
-      })
-    ),
-    /*#__PURE__*/ React.createElement(
-      Button,
-      _extends({}, oProps, {
-        type: type,
-        onClick: click,
-        loading: loading,
-      }),
-      children
-    )
-  );
+    value: value,
+    onChange: change
+  })), /*#__PURE__*/React.createElement(Button, _extends({}, oProps, {
+    type: type,
+    onClick: click,
+    loading: loading
+  }), children));
 };
 
 export { Index as default };

package/es/Input/InputNumber.js

@@ -1,29 +1,20 @@
 // 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 { InputNumber } from "antd";
+import React from 'react';
+import _extends from '@babel/runtime-corejs3/helpers/extends';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import { InputNumber } from 'antd';
 
 var _excluded = ["style"];
-var HInputNumber = function (_ref) {
+var HInputNumber = (function (_ref) {
   var _ref$style = _ref.style,
-    style =
-      _ref$style === void 0
-        ? {
-            width: "100%",
-          }
-        : _ref$style,
+    style = _ref$style === void 0 ? {
+      width: "100%"
+    } : _ref$style,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/ React.createElement(
-    InputNumber,
-    _extends(
-      {
-        style: style,
-      },
-      props
-    )
-  );
-};
+  return /*#__PURE__*/React.createElement(InputNumber, _extends({
+    style: style
+  }, props));
+});
 
 export { HInputNumber as default };
 // powered by hdj

package/es/Input/SelectInput.d.ts

@@ -1,21 +1,9 @@
 /// <reference types="react" />
 import type { HSelectInputProps } from "./modal";
 export declare enum SelectInputType {
-  input = 0,
-  select = 1,
+    input = 0,
+    select = 1
 }
-export declare const Index: ({
-  selectProps,
-  value,
-  onChange,
-  valueName,
-  addFormat,
-  ...props
-}: HSelectInputProps) => JSX.Element;
-declare const _default: (
-  props: import("../Form/modal").HFormItemProps
-) => import("react").ReactElement<
-  import("../Form/modal").ConnectResultProps,
-  string | import("react").JSXElementConstructor<any>
->;
+export declare const Index: ({ selectProps, value, onChange, valueName, addFormat, addDispatchListener, ...props }: HSelectInputProps) => JSX.Element;
+declare const _default: (props: import("../Form/modal").HFormItemProps) => import("react").ReactElement<import("../Form/modal").ConnectResultProps, string | import("react").JSXElementConstructor<any>>;
 export default _default;