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

package/lib/Form/hooks/useInitConfigData.js

@@ -1,27 +1,65 @@
-'use strict';
+"use strict";
 
-Object.defineProperty(exports, '__esModule', { value: true });
+Object.defineProperty(exports, "__esModule", { value: true });
 
-var React = require('react');
-var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
-var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
-var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
-var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptor');
-var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
-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 _extends = require('@babel/runtime-corejs3/helpers/extends');
-var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
-var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
-var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/index-of');
-var config = require('../config.js');
+var React = require("react");
+var _Object$keys = require("@babel/runtime-corejs3/core-js/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/for-each");
+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 _extends = require("@babel/runtime-corejs3/helpers/extends");
+var _objectWithoutProperties = require("@babel/runtime-corejs3/helpers/objectWithoutProperties");
+var _defineProperty = require("@babel/runtime-corejs3/helpers/defineProperty");
+var _mapInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/map");
+var _indexOfInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/index-of");
+var config = require("../config.js");
 
 var _excluded = ["render", "type", "itemProps"],
   _excluded2 = ["render"];
-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 mathRequired = function mathRequired(configItem, form) {
   var required = configItem.required,
     placeholder = configItem.placeholder,
@@ -30,28 +68,41 @@ var mathRequired = function mathRequired(configItem, form) {
     type = _configItem$type === void 0 ? "input" : _configItem$type;
   var resultRequired = false;
   var dom = config.default[type];
-  var resultRules = rules === null || rules === void 0 ? void 0 : _mapInstanceProperty(rules).call(rules, function (item) {
-    var eachItem = item;
-    if (typeof item === "function") {
-      eachItem = item(form);
-    }
-    var _eachItem = eachItem,
-      itemRequired = _eachItem.required,
-      message = _eachItem.message;
-    if (itemRequired) {
-      resultRequired = itemRequired;
-    }
-    if (itemRequired && !message) {
-      return _objectSpread(_objectSpread({}, eachItem), {}, {
-        required: itemRequired,
-        message: !!(dom !== null && dom !== void 0 && dom.requiredErrMsg) ? dom.requiredErrMsg(configItem) : placeholder
-      });
-    }
-    return eachItem;
-  });
+  var resultRules =
+    rules === null || rules === void 0
+      ? void 0
+      : _mapInstanceProperty(rules).call(rules, function (item) {
+          var eachItem = item;
+          if (typeof item === "function") {
+            eachItem = item(form);
+          }
+          var _eachItem = eachItem,
+            itemRequired = _eachItem.required,
+            message = _eachItem.message;
+          if (itemRequired) {
+            resultRequired = itemRequired;
+          }
+          if (itemRequired && !message) {
+            return _objectSpread(
+              _objectSpread({}, eachItem),
+              {},
+              {
+                required: itemRequired,
+                message: !!(
+                  dom !== null &&
+                  dom !== void 0 &&
+                  dom.requiredErrMsg
+                )
+                  ? dom.requiredErrMsg(configItem)
+                  : placeholder,
+              }
+            );
+          }
+          return eachItem;
+        });
   return {
     required: typeof required === "boolean" ? required : resultRequired,
-    rules: resultRules
+    rules: resultRules,
   };
 };
 var matchDefaultPlaceholder = function matchDefaultPlaceholder(props) {
@@ -67,7 +118,11 @@ var matchDefaultPlaceholder = function matchDefaultPlaceholder(props) {
   if (dom !== null && dom !== void 0 && dom.placeholder) {
     return dom.placeholder(props);
   }
-  if (_indexOfInstanceProperty(_context = config.placeholderConfig.inputType).call(_context, type) !== -1) {
+  if (
+    _indexOfInstanceProperty(
+      (_context = config.placeholderConfig.inputType)
+    ).call(_context, type) !== -1
+  ) {
     return "\u8BF7\u8F93\u5165".concat(label);
   }
   return "\u8BF7\u9009\u62E9".concat(label);
@@ -81,24 +136,43 @@ var defaultRenderMaker = function defaultRenderMaker(props) {
     componentProps = _objectWithoutProperties(props, _excluded);
   var dom = config.default[type];
   return function (form) {
-    var Component = !!(dom !== null && dom !== void 0 && dom.Component) ? dom.Component : dom;
-    var node = Component && /*#__PURE__*/React.createElement(Component, _extends({}, componentProps, itemProps, {
-      form: form
-    }));
+    var Component = !!(dom !== null && dom !== void 0 && dom.Component)
+      ? dom.Component
+      : dom;
+    var node =
+      Component &&
+      /*#__PURE__*/ React.createElement(
+        Component,
+        _extends({}, componentProps, itemProps, {
+          form: form,
+        })
+      );
     if (render) {
       return render(props, node, form);
     }
     return node;
   };
 };
-var defaultPlaceholderPropsMaker = function defaultPlaceholderPropsMaker(props) {
+var defaultPlaceholderPropsMaker = function defaultPlaceholderPropsMaker(
+  props
+) {
   var placeholder = matchDefaultPlaceholder(props);
-  return _objectSpread(_objectSpread({}, props), {}, {
-    placeholder: placeholder,
-    render: defaultRenderMaker(_objectSpread(_objectSpread({}, props), {}, {
-      placeholder: placeholder
-    }))
-  });
+  return _objectSpread(
+    _objectSpread({}, props),
+    {},
+    {
+      placeholder: placeholder,
+      render: defaultRenderMaker(
+        _objectSpread(
+          _objectSpread({}, props),
+          {},
+          {
+            placeholder: placeholder,
+          }
+        )
+      ),
+    }
+  );
 };
 var itemControl = function itemControl(item, form) {
   var _defaultPlaceholderPr = defaultPlaceholderPropsMaker(item),
@@ -107,21 +181,28 @@ var itemControl = function itemControl(item, form) {
   var _mathRequired = mathRequired(defaultProps, form),
     rules = _mathRequired.rules,
     required = _mathRequired.required;
-  return _objectSpread(_objectSpread({}, defaultProps), {}, {
-    required: required,
-    rules: rules,
-    render: render
-  });
+  return _objectSpread(
+    _objectSpread({}, defaultProps),
+    {},
+    {
+      required: required,
+      rules: rules,
+      render: render,
+    }
+  );
 };
-var useInitConfigData = (function (_ref) {
+var useInitConfigData = function (_ref) {
   var configData = _ref.configData,
     form = _ref.form;
-  return React.useMemo(function () {
-    return _mapInstanceProperty(configData).call(configData, function (item) {
-      return itemControl(item, form);
-    });
-  }, [configData]);
-});
+  return React.useMemo(
+    function () {
+      return _mapInstanceProperty(configData).call(configData, function (item) {
+        return itemControl(item, form);
+      });
+    },
+    [configData]
+  );
+};
 
 exports.default = useInitConfigData;
 // powered by h

package/lib/Form/index.d.ts

@@ -1,4 +1,14 @@
 /// <reference types="react" />
 import type { HFormProps } from "./modal";
-declare const _default: ({ configData, labelWidth, form, request, onFinish, infoRequest, valueType, initialValues, ...props }: HFormProps) => JSX.Element;
+declare const _default: ({
+  configData,
+  labelWidth,
+  form,
+  request,
+  onFinish,
+  infoRequest,
+  valueType,
+  initialValues,
+  ...props
+}: HFormProps) => JSX.Element;
 export default _default;

package/lib/Form/index.js

@@ -1,21 +1,30 @@
-'use strict';
+"use strict";
 
-Object.defineProperty(exports, '__esModule', { value: true });
+Object.defineProperty(exports, "__esModule", { value: true });
 
-var React = require('react');
-var _extends = require('@babel/runtime-corejs3/helpers/extends');
-var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
-var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
-var antd = require('antd');
-var index$4 = require('./FormItem/index.js');
-var index$1 = require('./hooks/index.js');
-var index$3 = require('./Context/index.js');
-var index$2 = require('../PageHandler/index.js');
-var useInitConfigData = require('./hooks/useInitConfigData.js');
-var InitSet = require('./InitSet.js');
+var React = require("react");
+var _extends = require("@babel/runtime-corejs3/helpers/extends");
+var _objectWithoutProperties = require("@babel/runtime-corejs3/helpers/objectWithoutProperties");
+var _mapInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/map");
+var antd = require("antd");
+var index$4 = require("./FormItem/index.js");
+var index$1 = require("./hooks/index.js");
+var index$3 = require("./Context/index.js");
+var index$2 = require("../PageHandler/index.js");
+var useInitConfigData = require("./hooks/useInitConfigData.js");
+var InitSet = require("./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 index = function (_ref) {
   var configData = _ref.configData,
     labelWidth = _ref.labelWidth,
     form = _ref.form,
@@ -29,48 +38,70 @@ var index = (function (_ref) {
   var hForm = index$1.useCurrentForm(form);
   var newConfigData = useInitConfigData.default({
     configData: configData,
-    form: hForm
+    form: hForm,
   });
   var _useSub = index$1.useSub({
       request: request,
       onFinish: onFinish,
       valueType: valueType,
-      form: hForm
+      form: hForm,
     }),
     run = _useSub.run,
     loading = _useSub.loading;
   var _useInit = index$1.useInit({
       infoRequest: infoRequest,
-      initialValues: initialValues
+      initialValues: initialValues,
     }),
     infoRun = _useInit.infoRun,
     infoLoading = _useInit.infoLoading,
     infoErr = _useInit.infoErr,
     infoData = _useInit.infoData;
-  return /*#__PURE__*/React.createElement(index$2.default, {
-    loading: infoLoading,
-    error: infoErr,
-    data: infoData,
-    reload: infoRun
-  }, /*#__PURE__*/React.createElement(index$3.FormContext.Provider, {
-    value: {
-      loading: loading,
-      form: hForm,
-      valueType: valueType
-    }
-  }, /*#__PURE__*/React.createElement(antd.Form, _extends({
-    form: hForm,
-    onFinish: run
-  }, props), _mapInstanceProperty(newConfigData).call(newConfigData, function (itemData, index) {
-    var itemLabelWidth = itemData.labelWidth;
-    return /*#__PURE__*/React.createElement(index$4.default, _extends({}, itemData, {
-      key: index,
-      labelWidth: itemLabelWidth || labelWidth
-    }));
-  })), /*#__PURE__*/React.createElement(InitSet.default, {
-    initValues: infoData
-  })));
-});
+  return /*#__PURE__*/ React.createElement(
+    index$2.default,
+    {
+      loading: infoLoading,
+      error: infoErr,
+      data: infoData,
+      reload: infoRun,
+    },
+    /*#__PURE__*/ React.createElement(
+      index$3.FormContext.Provider,
+      {
+        value: {
+          loading: loading,
+          form: hForm,
+          valueType: valueType,
+        },
+      },
+      /*#__PURE__*/ React.createElement(
+        antd.Form,
+        _extends(
+          {
+            form: hForm,
+            onFinish: run,
+          },
+          props
+        ),
+        _mapInstanceProperty(newConfigData).call(
+          newConfigData,
+          function (itemData, index) {
+            var itemLabelWidth = itemData.labelWidth;
+            return /*#__PURE__*/ React.createElement(
+              index$4.default,
+              _extends({}, itemData, {
+                key: index,
+                labelWidth: itemLabelWidth || labelWidth,
+              })
+            );
+          }
+        )
+      ),
+      /*#__PURE__*/ React.createElement(InitSet.default, {
+        initValues: infoData,
+      })
+    )
+  );
+};
 
 exports.default = index;
 // powered by h

package/lib/Form/modal.d.ts

@@ -1,92 +1,133 @@
 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 interface HItemProps extends Omit<FormItemProps, "name"> {
-    type?: string;
-    itemProps?: ItemPropsType;
-    render?: RenderFun;
-    helper?: HelperModal;
-    hover?: string | HoverModal;
-    labelWidth?: number;
-    hide?: boolean | HideModal;
-    placeholder?: string | string[];
-    formatKeys?: 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;
 }
 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: (key: string) => void;
-    outputValues: (values?: Record<string, any>) => Record<string, any>;
-    addDispatchListener: (key: string, fn: VoidFunction) => void;
-    removeDispatchListener: (key?: string) => void;
+  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;
 }
 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;
+  addFormat?: (format: Record<string, addFormatItemModal>) => void;
+  addDispatchListener?: (key: string, fn: argsFn) => void;
 }
 export {};