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

package/lib/ModalForm/index.js

@@ -0,0 +1,75 @@
+'use strict';
+
+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 antd = require('antd');
+var index = require('../Form/index.js');
+var hooks = require('./hooks.js');
+
+var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "modalForm", "initialValues"];
+var ModalForm = (function (_ref) {
+  var visible = _ref.visible,
+    title = _ref.title,
+    onCancel = _ref.onCancel,
+    configData = _ref.configData,
+    infoRequest = _ref.infoRequest;
+    _ref.request;
+    var _afterClose = _ref.afterClose,
+    modalForm = _ref.modalForm,
+    _ref$initialValues = _ref.initialValues,
+    initialValues = _ref$initialValues === void 0 ? {} : _ref$initialValues,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useModifyProps = hooks.useModifyProps({
+      configData: configData,
+      visible: visible,
+      initialValues: initialValues
+    }),
+    modalVisible = _useModifyProps.modalVisible,
+    modalFormData = _useModifyProps.modalFormData,
+    setModalVisible = _useModifyProps.setModalVisible,
+    setModalFormData = _useModifyProps.setModalFormData,
+    initValue = _useModifyProps.initValue,
+    setInitValue = _useModifyProps.setInitValue;
+  var currentForm = hooks.useCurrentForm(modalForm);
+  React.useEffect(function () {
+    currentForm.show = function (_ref2) {
+      var changeConfigData = _ref2.configData,
+        changeInitialValues = _ref2.initialValues;
+      if (!!changeConfigData) {
+        setModalFormData(changeConfigData);
+      }
+      setInitValue(changeInitialValues);
+      setModalVisible(true);
+    };
+    currentForm.hide = function () {
+      setModalVisible(false);
+    };
+  }, []);
+  var cancel = function cancel(e) {
+    if (onCancel) {
+      return onCancel === null || onCancel === void 0 ? void 0 : onCancel(e);
+    }
+    setModalVisible(false);
+  };
+  return /*#__PURE__*/React.createElement(antd.Modal, _extends({
+    title: title,
+    visible: modalVisible,
+    onCancel: cancel,
+    afterClose: function afterClose() {
+      currentForm.resetFields();
+      _afterClose === null || _afterClose === void 0 ? void 0 : _afterClose();
+    }
+  }, props), /*#__PURE__*/React.createElement(index.default, _extends({
+    configData: modalFormData,
+    initialValues: initValue
+  }, props, {
+    form: currentForm,
+    infoRequest: infoRequest
+  })));
+});
+
+exports.default = ModalForm;
+// powered by h

package/lib/ModalForm/modal.d.ts

@@ -0,0 +1,20 @@
+import type { HFormProps } from "@/components/Form/modal";
+import type { ModalProps } from "antd";
+import type { HFormInstance, HItemProps } from "@/components/Form/modal";
+type RootProps = HFormProps & ModalProps;
+export interface ModifyPropsModal {
+    configData: HItemProps[];
+    visible?: boolean;
+    initialValues?: Record<string, any>;
+}
+export interface ShowParamsModal extends Partial<ModifyPropsModal> {
+    initialValues?: Record<string, any>;
+}
+export interface HModalFormInstance extends HFormInstance {
+    show: (data: ShowParamsModal) => void;
+    hide: VoidFunction;
+}
+export interface ModalFormProps extends RootProps {
+    modalForm?: HModalFormInstance;
+}
+export {};

package/lib/PageHandler/ErrorComponent.js

@@ -1,58 +1,36 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require("react");
-var antd = require("antd");
-var icons = require("@ant-design/icons");
+var React = require('react');
+var antd = require('antd');
+var icons = require('@ant-design/icons');
 
 var Text = antd.Typography.Text;
-var ErrorComponent = function (_ref) {
+var ErrorComponent = (function (_ref) {
   var error = _ref.error,
     reload = _ref.reload;
-  return /*#__PURE__*/ React.createElement(
-    antd.Row,
-    {
-      justify: "center",
-      align: "middle",
-      style: {
-        height: 125,
-      },
-    },
-    /*#__PURE__*/ React.createElement(
-      antd.Space,
-      {
-        align: "center",
-        direction: "vertical",
-      },
-      /*#__PURE__*/ React.createElement(
-        Text,
-        {
-          type: "danger",
-        },
-        /*#__PURE__*/ React.createElement(icons.ExclamationCircleOutlined, {
-          size: 24,
-        })
-      ),
-      /*#__PURE__*/ React.createElement(
-        Text,
-        {
-          type: "danger",
-        },
-        error === null || error === void 0 ? void 0 : error.message
-      ),
-      /*#__PURE__*/ React.createElement(
-        antd.Button,
-        {
-          type: "primary",
-          size: "small",
-          onClick: reload,
-        },
-        "\u91CD\u65B0\u52A0\u8F7D"
-      )
-    )
-  );
-};
+  return /*#__PURE__*/React.createElement(antd.Row, {
+    justify: "center",
+    align: "middle",
+    style: {
+      height: 125
+    }
+  }, /*#__PURE__*/React.createElement(antd.Space, {
+    align: "center",
+    direction: "vertical"
+  }, /*#__PURE__*/React.createElement(Text, {
+    type: "danger"
+  }, /*#__PURE__*/React.createElement(icons.ExclamationCircleOutlined, {
+    size: 24
+  })), /*#__PURE__*/React.createElement(Text, {
+    type: "danger"
+  }, error === null || error === void 0 ? void 0 : error.message), /*#__PURE__*/React.createElement(antd.Button, {
+    type: "primary",
+    size: "small",
+    onClick: reload
+  }, "\u91CD\u65B0\u52A0\u8F7D")));
+});
 
 exports.default = ErrorComponent;
 // powered by h

package/lib/PageHandler/LoadingComponent.js

@@ -1,25 +1,21 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require("react");
-var antd = require("antd");
+var React = require('react');
+var antd = require('antd');
 
-var Loading = function () {
-  return /*#__PURE__*/ React.createElement(
-    antd.Row,
-    {
-      justify: "center",
-      align: "middle",
-      style: {
-        height: 125,
-      },
-    },
-    /*#__PURE__*/ React.createElement(antd.Spin, {
-      size: "large",
-    })
-  );
-};
+var Loading = (function () {
+  return /*#__PURE__*/React.createElement(antd.Row, {
+    justify: "center",
+    align: "middle",
+    style: {
+      height: 125
+    }
+  }, /*#__PURE__*/React.createElement(antd.Spin, {
+    size: "large"
+  }));
+});
 
 exports.default = Loading;
 // powered by h

package/lib/PageHandler/index.js

@@ -1,10 +1,10 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require("react");
-var LoadingComponent = require("./LoadingComponent.js");
-var ErrorComponent = require("./ErrorComponent.js");
+var React = require('react');
+var LoadingComponent = require('./LoadingComponent.js');
+var ErrorComponent = require('./ErrorComponent.js');
 
 var Index = function Index(_ref) {
   var error = _ref.error,
@@ -12,15 +12,15 @@ var Index = function Index(_ref) {
     reload = _ref.reload,
     children = _ref.children;
   if (error) {
-    return /*#__PURE__*/ React.createElement(ErrorComponent.default, {
+    return /*#__PURE__*/React.createElement(ErrorComponent.default, {
       error: error,
-      reload: reload,
+      reload: reload
     });
   }
   if (data) {
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, children);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
   }
-  return /*#__PURE__*/ React.createElement(LoadingComponent.default, null);
+  return /*#__PURE__*/React.createElement(LoadingComponent.default, null);
 };
 
 exports.default = Index;

package/lib/PageHandler/modal.d.ts

@@ -1,6 +1,6 @@
 export interface IHPageHandler<T = any> {
-  loading?: boolean;
-  error?: Error;
-  reload: VoidFunction;
-  data?: T;
+    loading?: boolean;
+    error?: Error;
+    reload: VoidFunction;
+    data?: T;
 }

package/lib/RadioGroup/index.d.ts

@@ -1,16 +1,9 @@
 /// <reference types="react" />
 import type { SelectProps, RadioGroupProps } from "antd/es";
-export interface HRadioGroupProps
-  extends Omit<RadioGroupProps, "onChange" | "options"> {
-  onChange?: (value: any) => void;
-  fieldNames?: SelectProps["fieldNames"];
-  options?: (Record<string, any> | string | number)[];
+export interface HRadioGroupProps extends Omit<RadioGroupProps, "onChange" | "options"> {
+    onChange?: (value: any) => void;
+    fieldNames?: SelectProps["fieldNames"];
+    options?: (Record<string, any> | string | number)[];
 }
-declare const _default: ({
-  value,
-  options,
-  onChange,
-  fieldNames: propsFieldNames,
-  ...props
-}: HRadioGroupProps) => JSX.Element;
+declare const _default: ({ value, options, onChange, fieldNames: propsFieldNames, ...props }: HRadioGroupProps) => JSX.Element;
 export default _default;

package/lib/RadioGroup/index.js

@@ -1,64 +1,51 @@
-"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 _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _objectWithoutProperties = require("@babel/runtime-corejs3/helpers/objectWithoutProperties");
-var _mapInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/map");
-var antd = require("antd");
-var index = require("../hooks/index.js");
+var React = require('react');
+var _extends = require('@babel/runtime-corejs3/helpers/extends');
+var _typeof = require('@babel/runtime-corejs3/helpers/typeof');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
+var antd = require('antd');
+var index = require('../hooks/index.js');
 
 var _excluded = ["value", "options", "onChange", "fieldNames"];
-var HRadioGroup = function (_ref) {
+var HRadioGroup = (function (_ref) {
   var value = _ref.value,
     options = _ref.options,
     _onChange = _ref.onChange,
     propsFieldNames = _ref.fieldNames,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useMatchConfigProps = index.useMatchConfigProps({
-      fieldNames: propsFieldNames,
+      fieldNames: propsFieldNames
     }),
     _useMatchConfigProps$ = _useMatchConfigProps.fieldNames,
     fieldNames = _useMatchConfigProps$ === void 0 ? {} : _useMatchConfigProps$;
-  var relOptions = React.useMemo(
-    function () {
-      return options === null || options === void 0
-        ? void 0
-        : _mapInstanceProperty(options).call(options, function (item) {
-            var type = _typeof(item);
-            if (type === "string" || type === "number") {
-              return item;
-            }
-            var _fieldNames$label = fieldNames.label,
-              labelKey = _fieldNames$label === void 0 ? "" : _fieldNames$label,
-              _fieldNames$value = fieldNames.value,
-              valueKey = _fieldNames$value === void 0 ? "" : _fieldNames$value;
-            return {
-              label: item[labelKey],
-              value: item[valueKey],
-            };
-          });
-    },
-    [options, fieldNames]
-  );
-  return /*#__PURE__*/ React.createElement(
-    antd.Radio.Group,
-    _extends(
-      {
-        options: relOptions,
-        value: value,
-        onChange: function onChange(e) {
-          _onChange === null || _onChange === void 0
-            ? void 0
-            : _onChange(e.target.value);
-        },
-      },
-      props
-    )
-  );
-};
+  var relOptions = React.useMemo(function () {
+    return options === null || options === void 0 ? void 0 : _mapInstanceProperty(options).call(options, function (item) {
+      var type = _typeof(item);
+      if (type === "string" || type === "number") {
+        return item;
+      }
+      var _fieldNames$label = fieldNames.label,
+        labelKey = _fieldNames$label === void 0 ? "" : _fieldNames$label,
+        _fieldNames$value = fieldNames.value,
+        valueKey = _fieldNames$value === void 0 ? "" : _fieldNames$value;
+      return {
+        label: item[labelKey],
+        value: item[valueKey]
+      };
+    });
+  }, [options, fieldNames]);
+  return /*#__PURE__*/React.createElement(antd.Radio.Group, _extends({
+    options: relOptions,
+    value: value,
+    onChange: function onChange(e) {
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange(e.target.value);
+    }
+  }, props));
+});
 
 exports.default = HRadioGroup;
 // powered by h

package/lib/Select/components/AllSelect.d.ts

@@ -1,7 +1,7 @@
 import type { HSelectProps } from "@/components/Select/modal";
 import React from "react";
 interface IProps extends HSelectProps {
-  checked?: boolean;
+    checked?: boolean;
 }
 declare const Index: React.FC<IProps>;
 export default Index;

package/lib/Select/components/AllSelect.js

@@ -1,21 +1,17 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _concatInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/concat");
-var antd = require("antd");
-var utils = require("../utils.js");
-var index = require("../../hooks/index.js");
-var React = require("react");
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/concat');
+var antd = require('antd');
+var utils = require('../utils.js');
+var index = require('../../hooks/index.js');
+var React = require('react');
 
 var useRootClassName = function useRootClassName(checked) {
   var _context;
   var norClassNames = ["select-item", "select-item-option"];
-  return checked
-    ? _concatInstanceProperty((_context = [])).call(_context, norClassNames, [
-        "select-item-option-selected",
-      ])
-    : norClassNames;
+  return checked ? _concatInstanceProperty(_context = []).call(_context, norClassNames, ["select-item-option-selected"]) : norClassNames;
 };
 var Index = function Index(_ref) {
   var allSelect = _ref.allSelect,
@@ -27,48 +23,30 @@ var Index = function Index(_ref) {
     _ref$fieldNames = _ref.fieldNames,
     fieldNames = _ref$fieldNames === void 0 ? {} : _ref$fieldNames,
     children = _ref.children;
-  var opLen =
-    (options === null || options === void 0 ? void 0 : options.length) || 0;
-  var checked =
-    (value === null || value === void 0 ? void 0 : value.length) >= opLen;
+  var opLen = (options === null || options === void 0 ? void 0 : options.length) || 0;
+  var checked = (value === null || value === void 0 ? void 0 : value.length) >= opLen;
   var classNames = useRootClassName(checked);
   var optionsClassName = index.useClassName(classNames);
   var allCheckBox = index.useClassName("hw-all-check-box");
   var change = function change() {
     if (!checked) {
       var subItemOps = utils.itemOpProvider(options, fieldNames);
-      onChange === null || onChange === void 0
-        ? void 0
-        : onChange(options, subItemOps);
+      onChange === null || onChange === void 0 ? void 0 : onChange(options, subItemOps);
       return;
     }
     onChange === null || onChange === void 0 ? void 0 : onChange([], []);
   };
   if (!allSelect || mode !== "multiple" || serviceSearch) {
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, children);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
   }
-  return /*#__PURE__*/ React.createElement(
-    "div",
-    {
-      className: allCheckBox,
-    },
-    /*#__PURE__*/ React.createElement(
-      "div",
-      {
-        className: optionsClassName,
-        onClick: change,
-      },
-      /*#__PURE__*/ React.createElement(
-        antd.Space,
-        null,
-        /*#__PURE__*/ React.createElement(antd.Checkbox, {
-          checked: checked,
-        }),
-        "\u5168\u90E8"
-      )
-    ),
-    children
-  );
+  return /*#__PURE__*/React.createElement("div", {
+    className: allCheckBox
+  }, /*#__PURE__*/React.createElement("div", {
+    className: optionsClassName,
+    onClick: change
+  }, /*#__PURE__*/React.createElement(antd.Space, null, /*#__PURE__*/React.createElement(antd.Checkbox, {
+    checked: checked
+  }), "\u5168\u90E8")), children);
 };
 
 exports.default = Index;

package/lib/Select/components/CheckBoxOption.d.ts

@@ -1,10 +1,7 @@
 import React from "react";
 interface ICheckBoxOptionProps {
-  label?: React.ReactNode;
-  checked: boolean;
+    label?: React.ReactNode;
+    checked: boolean;
 }
-declare const _default: ({
-  label,
-  checked,
-}: ICheckBoxOptionProps) => JSX.Element;
+declare const _default: ({ label, checked }: ICheckBoxOptionProps) => JSX.Element;
 export default _default;

package/lib/Select/components/CheckBoxOption.js

@@ -1,22 +1,17 @@
-"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 antd = require('antd');
+var React = require('react');
 
-var CheckBoxOption = function (_ref) {
+var CheckBoxOption = (function (_ref) {
   var label = _ref.label,
     checked = _ref.checked;
-  return /*#__PURE__*/ React.createElement(
-    antd.Space,
-    null,
-    /*#__PURE__*/ React.createElement(antd.Checkbox, {
-      checked: checked,
-    }),
-    label
-  );
-};
+  return /*#__PURE__*/React.createElement(antd.Space, null, /*#__PURE__*/React.createElement(antd.Checkbox, {
+    checked: checked
+  }), label);
+});
 
 exports.default = CheckBoxOption;
 // powered by h

package/lib/Select/components/DropdownComponent.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
 interface IProps {
-  loading?: boolean;
-  options?: any[];
-  error?: Error;
-  reload: VoidFunction;
+    loading?: boolean;
+    options?: any[];
+    error?: Error;
+    reload: VoidFunction;
 }
 declare const Index: React.FC<IProps>;
 export default Index;

package/lib/Select/components/DropdownComponent.js

@@ -1,10 +1,10 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require("react");
-var antd = require("antd");
-var NotFoundContent = require("./NotFoundContent.js");
+var React = require('react');
+var antd = require('antd');
+var NotFoundContent = require('./NotFoundContent.js');
 
 var Text = antd.Typography.Text;
 var Index = function Index(_ref) {
@@ -16,39 +16,26 @@ var Index = function Index(_ref) {
     children = _ref.children;
   var len = options === null || options === void 0 ? void 0 : options.length;
   if (loading && len === 0) {
-    return /*#__PURE__*/ React.createElement(
-      antd.Row,
-      {
-        style: {
-          height: 125,
-        },
-        justify: "center",
-        align: "middle",
+    return /*#__PURE__*/React.createElement(antd.Row, {
+      style: {
+        height: 125
       },
-      /*#__PURE__*/ React.createElement(
-        antd.Space,
-        {
-          direction: "vertical",
-          align: "center",
-        },
-        /*#__PURE__*/ React.createElement(antd.Spin, null),
-        /*#__PURE__*/ React.createElement(
-          Text,
-          {
-            type: "secondary",
-          },
-          "\u62FC\u547D\u52A0\u8F7D\u4E2D..."
-        )
-      )
-    );
+      justify: "center",
+      align: "middle"
+    }, /*#__PURE__*/React.createElement(antd.Space, {
+      direction: "vertical",
+      align: "center"
+    }, /*#__PURE__*/React.createElement(antd.Spin, null), /*#__PURE__*/React.createElement(Text, {
+      type: "secondary"
+    }, "\u62FC\u547D\u52A0\u8F7D\u4E2D...")));
   }
   if (error && len === 0) {
-    return /*#__PURE__*/ React.createElement(NotFoundContent.default, {
+    return /*#__PURE__*/React.createElement(NotFoundContent.default, {
       error: error,
-      reload: reload,
+      reload: reload
     });
   }
-  return /*#__PURE__*/ React.createElement(React.Fragment, null, children);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
 };
 
 exports.default = Index;

package/lib/Select/components/NoFindItem.d.ts

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