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

package/es/Form/Label.js

@@ -1,15 +1,15 @@
 // welcome to hoo hoo hoo
-import React from 'react';
-import { QuestionCircleOutlined } from '@ant-design/icons';
-import { Tooltip } from 'antd';
-import { useClassName } from '../hooks/index.js';
+import React from "react";
+import { QuestionCircleOutlined } from "@ant-design/icons";
+import { Tooltip } from "antd";
+import { useClassName } from "../hooks/index.js";
 
 var useHover = function useHover(_ref) {
   var hover = _ref.hover;
   if (!hover || typeof hover === "string") {
     return {
       text: hover,
-      icon: /*#__PURE__*/React.createElement(QuestionCircleOutlined, null)
+      icon: /*#__PURE__*/ React.createElement(QuestionCircleOutlined, null),
     };
   }
   return hover;
@@ -21,25 +21,42 @@ var Index = function Index(_ref2) {
     required = _ref2.required,
     hover = _ref2.hover;
   var _useHover = useHover({
-      hover: hover
+      hover: hover,
     }),
     text = _useHover.text,
     icon = _useHover.icon;
-  var array = [colon ? "hw-form-item-colon" : "", required ? "hw-form-item-required" : ""];
+  var array = [
+    colon ? "hw-form-item-colon" : "",
+    required ? "hw-form-item-required" : "",
+  ];
   var className = useClassName(array);
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: labelWidth
+  return /*#__PURE__*/ React.createElement(
+    "div",
+    {
+      style: {
+        width: labelWidth,
+      },
+      className: className,
     },
-    className: className
-  }, children, text && /*#__PURE__*/React.createElement("span", {
-    style: {
-      marginLeft: 4
-    }
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    placement: "top",
-    title: text
-  }, icon)));
+    children,
+    text &&
+      /*#__PURE__*/ React.createElement(
+        "span",
+        {
+          style: {
+            marginLeft: 4,
+          },
+        },
+        /*#__PURE__*/ React.createElement(
+          Tooltip,
+          {
+            placement: "top",
+            title: text,
+          },
+          icon
+        )
+      )
+  );
 };
 
 export { Index as default };

package/es/Form/config.d.ts

@@ -1,28 +1,106 @@
 /// <reference types="react" />
 export declare const placeholderConfig: {
-    inputType: string[];
-    selectType: string[];
+  inputType: string[];
+  selectType: string[];
 };
 declare const _default: {
-    select: ({ 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;
-    inputNumber: ({ style, ...props }: import("antd").InputNumberProps<string | number>) => JSX.Element;
-    selectInput: ({ selectProps, value, onChange, valueName, ...props }: import("../Input/modal").HSelectInputProps) => JSX.Element;
-    buttonInput: import("react").FC<import("../Input/modal").HButtonInputProps>;
-    checkboxGroup: (props: import("./modal").HFormItemProps) => import("react").ReactElement<import("./modal").ConnectResultProps, string | import("react").JSXElementConstructor<any>>;
-    checkBox: import("react").FC<import("../CheckboxGroup/modal").HCheckboxProps>;
-    radioGroup: ({ value, options, onChange, fieldNames: propsFieldNames, ...props }: import("../RadioGroup").HRadioGroupProps) => JSX.Element;
-    switch: import("react").FC<import("../Switch").HSwitchProps>;
-    datePicker: ({ value, onChange, showTime, format, ...props }: import("../TDPicker/modal").HDatePickerProps) => JSX.Element;
-    rangePicker: {
-        Component: ({ value, onChange, showTime, format, valueMap, ranges, name, ...props }: import("../TDPicker/modal").HRangePickerProps) => JSX.Element;
-        placeholder: ({ label }: import("./modal").HItemProps) => string[];
-        requiredErrMsg: ({ label }: import("./modal").HItemProps) => string;
-    };
-    timePicker: ({ value, format, onChange, ...props }: import("../TDPicker/modal").HTimePickerProps) => JSX.Element;
-    input: ({ ...props }: import("antd").InputProps) => JSX.Element;
-    upload: import("react").ForwardRefExoticComponent<import("../Upload/modal").IUpLoadProps & import("react").RefAttributes<import("../Upload/modal").IUploadRefModal>>;
-    urlUpload: ({ placeholder, value, onChange, mediaType, ...props }: import("../Upload/modal").IUrlUploadProps) => JSX.Element;
-    submit: ({ text, type, form, loading, ...props }: import("../Submit").ISubmitProps) => JSX.Element;
-    formConfigProvider: import("react").FC<import("./modal").IFormConfigContextProps>;
+  select: ({
+    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;
+  inputNumber: ({
+    style,
+    ...props
+  }: import("antd").InputNumberProps<string | number>) => JSX.Element;
+  selectInput: ({
+    selectProps,
+    value,
+    onChange,
+    valueName,
+    ...props
+  }: import("../Input/modal").HSelectInputProps) => JSX.Element;
+  buttonInput: import("react").FC<import("../Input/modal").HButtonInputProps>;
+  checkboxGroup: (
+    props: import("./modal").HFormItemProps
+  ) => import("react").ReactElement<
+    import("./modal").ConnectResultProps,
+    string | import("react").JSXElementConstructor<any>
+  >;
+  checkBox: import("react").FC<import("../CheckboxGroup/modal").HCheckboxProps>;
+  radioGroup: ({
+    value,
+    options,
+    onChange,
+    fieldNames: propsFieldNames,
+    ...props
+  }: import("../RadioGroup").HRadioGroupProps) => JSX.Element;
+  switch: import("react").FC<import("../Switch").HSwitchProps>;
+  datePicker: ({
+    value,
+    onChange,
+    showTime,
+    format,
+    ...props
+  }: import("../TDPicker/modal").HDatePickerProps) => JSX.Element;
+  rangePicker: {
+    Component: ({
+      value,
+      onChange,
+      showTime,
+      format,
+      valueMap,
+      ranges,
+      name,
+      ...props
+    }: import("../TDPicker/modal").HRangePickerProps) => JSX.Element;
+    placeholder: ({ label }: import("./modal").HItemProps) => string[];
+    requiredErrMsg: ({ label }: import("./modal").HItemProps) => string;
+  };
+  timePicker: ({
+    value,
+    format,
+    onChange,
+    ...props
+  }: import("../TDPicker/modal").HTimePickerProps) => JSX.Element;
+  input: ({ ...props }: import("antd").InputProps) => JSX.Element;
+  upload: import("react").ForwardRefExoticComponent<
+    import("../Upload/modal").IUpLoadProps &
+      import("react").RefAttributes<import("../Upload/modal").IUploadRefModal>
+  >;
+  urlUpload: ({
+    placeholder,
+    value,
+    onChange,
+    mediaType,
+    ...props
+  }: import("../Upload/modal").IUrlUploadProps) => JSX.Element;
+  submit: ({
+    text,
+    type,
+    form,
+    loading,
+    ...props
+  }: import("../Submit").ISubmitProps) => JSX.Element;
+  formConfigProvider: import("react").FC<
+    import("./modal").IFormConfigContextProps
+  >;
 };
 export default _default;

package/es/Form/config.js

@@ -1,24 +1,24 @@
 // welcome to hoo hoo hoo
-import HSelect from '../Select/index.js';
-import HInput from '../Input/index.js';
-import HInputNumber from '../Input/InputNumber.js';
-import HSelectInput from '../Input/SelectInput.js';
-import Index from '../Input/ButtonInput.js';
-import HCheckboxGroup from '../CheckboxGroup/index.js';
-import Index$1 from '../CheckboxGroup/CheckBox/index.js';
-import HRadioGroup from '../RadioGroup/index.js';
-import Index$2 from '../Switch/index.js';
-import HDatePicker from '../TDPicker/index.js';
-import HRangePicker from '../TDPicker/RangePicker.js';
-import HTimePicker from '../TDPicker/TimePicker.js';
-import HUpload from '../Upload/index.js';
-import HUrlUpload from '../Upload/UrlUpload/index.js';
-import HSubmit from '../Submit/index.js';
-import Index$3 from './Context/FormConfigProvider.js';
+import HSelect from "../Select/index.js";
+import HInput from "../Input/index.js";
+import HInputNumber from "../Input/InputNumber.js";
+import HSelectInput from "../Input/SelectInput.js";
+import Index from "../Input/ButtonInput.js";
+import HCheckboxGroup from "../CheckboxGroup/index.js";
+import Index$1 from "../CheckboxGroup/CheckBox/index.js";
+import HRadioGroup from "../RadioGroup/index.js";
+import Index$2 from "../Switch/index.js";
+import HDatePicker from "../TDPicker/index.js";
+import HRangePicker from "../TDPicker/RangePicker.js";
+import HTimePicker from "../TDPicker/TimePicker.js";
+import HUpload from "../Upload/index.js";
+import HUrlUpload from "../Upload/UrlUpload/index.js";
+import HSubmit from "../Submit/index.js";
+import Index$3 from "./Context/FormConfigProvider.js";
 
 var placeholderConfig = {
   inputType: ["input", "inputNumber", "selectInput", "buttonInput"],
-  selectType: ["select", "datePicker", "timePicker"]
+  selectType: ["select", "datePicker", "timePicker"],
 };
 var FormConfig = {
   select: HSelect,
@@ -28,7 +28,7 @@ var FormConfig = {
   checkboxGroup: HCheckboxGroup,
   checkBox: Index$1,
   radioGroup: HRadioGroup,
-  "switch": Index$2,
+  switch: Index$2,
   datePicker: HDatePicker,
   rangePicker: HRangePicker,
   timePicker: HTimePicker,
@@ -36,7 +36,7 @@ var FormConfig = {
   upload: HUpload,
   urlUpload: HUrlUpload,
   submit: HSubmit,
-  formConfigProvider: Index$3
+  formConfigProvider: Index$3,
 };
 
 export { FormConfig as default, placeholderConfig };

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

@@ -2,11 +2,18 @@ import type { HFormProps } from "@/components/Form/modal";
 import type { HFormInstance } from "@/components/Form/modal";
 export declare const useCurrentForm: (form?: HFormInstance) => HFormInstance;
 type ParamsModal = Omit<HFormProps, "configData">;
-export declare const useSub: ({ request, onFinish, form }: ParamsModal) => import("@ahooksjs/use-request/lib/types").BaseResult<void, [value: any]>;
+export declare const useSub: ({
+  request,
+  onFinish,
+  form,
+}: ParamsModal) => import("@ahooksjs/use-request/lib/types").BaseResult<
+  void,
+  [value: any]
+>;
 export declare const useInit: ({ infoRequest, initialValues }: ParamsModal) => {
-    infoRun: () => Promise<any>;
-    infoLoading: boolean;
-    infoErr: Error | undefined;
-    infoData: any;
+  infoRun: () => Promise<any>;
+  infoLoading: boolean;
+  infoErr: Error | undefined;
+  infoData: any;
 };
 export {};

package/es/Form/hooks/index.js

@@ -1,8 +1,8 @@
 // welcome to hoo hoo hoo
-import _asyncToGenerator from '@babel/runtime-corejs3/helpers/asyncToGenerator';
-import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
-import { useRequest } from 'ahooks';
-import useHForm from './useHForm.js';
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import { useRequest } from "ahooks";
+import useHForm from "./useHForm.js";
 
 var useCurrentForm = function useCurrentForm(form) {
   var selfForm = useHForm();
@@ -12,55 +12,71 @@ var useSub = function useSub(_ref) {
   var request = _ref.request,
     onFinish = _ref.onFinish,
     form = _ref.form;
-  return useRequest( /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(value) {
-      var subVal;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            subVal = form === null || form === void 0 ? void 0 : form.outputValues(value);
-            if (!request) {
-              _context.next = 4;
-              break;
-            }
-            _context.next = 4;
-            return request(subVal);
-          case 4:
-            onFinish === null || onFinish === void 0 ? void 0 : onFinish(subVal);
-          case 5:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function (_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }(), {
-    manual: true
-  });
+  return useRequest(
+    /*#__PURE__*/ (function () {
+      var _ref2 = _asyncToGenerator(
+        /*#__PURE__*/ _regeneratorRuntime.mark(function _callee(value) {
+          var subVal;
+          return _regeneratorRuntime.wrap(function _callee$(_context) {
+            while (1)
+              switch ((_context.prev = _context.next)) {
+                case 0:
+                  subVal =
+                    form === null || form === void 0
+                      ? void 0
+                      : form.outputValues(value);
+                  if (!request) {
+                    _context.next = 4;
+                    break;
+                  }
+                  _context.next = 4;
+                  return request(subVal);
+                case 4:
+                  onFinish === null || onFinish === void 0
+                    ? void 0
+                    : onFinish(subVal);
+                case 5:
+                case "end":
+                  return _context.stop();
+              }
+          }, _callee);
+        })
+      );
+      return function (_x) {
+        return _ref2.apply(this, arguments);
+      };
+    })(),
+    {
+      manual: true,
+    }
+  );
 };
 var useInit = function useInit(_ref3) {
   var infoRequest = _ref3.infoRequest,
     _ref3$initialValues = _ref3.initialValues,
     initialValues = _ref3$initialValues === void 0 ? {} : _ref3$initialValues;
-  var _useRequest = useRequest( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            if (!infoRequest) {
-              _context2.next = 2;
-              break;
-            }
-            return _context2.abrupt("return", infoRequest());
-          case 2:
-            return _context2.abrupt("return", initialValues);
-          case 3:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }))),
+  var _useRequest = useRequest(
+      /*#__PURE__*/ _asyncToGenerator(
+        /*#__PURE__*/ _regeneratorRuntime.mark(function _callee2() {
+          return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+            while (1)
+              switch ((_context2.prev = _context2.next)) {
+                case 0:
+                  if (!infoRequest) {
+                    _context2.next = 2;
+                    break;
+                  }
+                  return _context2.abrupt("return", infoRequest());
+                case 2:
+                  return _context2.abrupt("return", initialValues);
+                case 3:
+                case "end":
+                  return _context2.stop();
+              }
+          }, _callee2);
+        })
+      )
+    ),
     infoRun = _useRequest.run,
     infoLoading = _useRequest.loading,
     infoErr = _useRequest.error,
@@ -69,7 +85,7 @@ var useInit = function useInit(_ref3) {
     infoRun: infoRun,
     infoLoading: infoLoading,
     infoErr: infoErr,
-    infoData: infoData
+    infoData: infoData,
   };
 };