@hw-component/form 0.0.5 → 0.0.6-beta-v2

package/lib/Upload/index.js

@@ -0,0 +1,148 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/es.object.keys.js');
+require('core-js/modules/es.symbol.js');
+require('core-js/modules/es.array.filter.js');
+require('core-js/modules/es.object.to-string.js');
+require('core-js/modules/es.object.get-own-property-descriptor.js');
+require('core-js/modules/web.dom-collections.for-each.js');
+require('core-js/modules/es.object.get-own-property-descriptors.js');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+require('core-js/modules/es.number.constructor.js');
+require('core-js/modules/es.function.name.js');
+require('core-js/modules/es.array.map.js');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var propsMaker = require('./hooks/propsMaker.js');
+var index = require('./Preview/index.js');
+var change = require('./hooks/change.js');
+var antd = require('antd');
+var Btn = require('./Btn.js');
+var HFormConnect = require('../Form/HFormConnect.js');
+
+var _excluded = ["value", "onChange", "listType", "exFiles", "maxCount", "maxRowNum", "onPreview", "request", "maxSize", "addFormat"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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 source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Index = function Index(_ref, ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? [] : _ref$value,
+    onChange = _ref.onChange,
+    _ref$listType = _ref.listType,
+    listType = _ref$listType === void 0 ? "picture-card" : _ref$listType,
+    exFiles = _ref.exFiles,
+    _ref$maxCount = _ref.maxCount,
+    maxCount = _ref$maxCount === void 0 ? 1 : _ref$maxCount,
+    _ref$maxRowNum = _ref.maxRowNum,
+    maxRowNum = _ref$maxRowNum === void 0 ? 3 : _ref$maxRowNum,
+    onPreview = _ref.onPreview,
+    request = _ref.request,
+    maxSize = _ref.maxSize,
+    addFormat = _ref.addFormat,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var matchProps = propsMaker.useProps({
+    request: request,
+    exFiles: exFiles,
+    maxSize: maxSize
+  });
+  var _useState = React.useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    previewModal = _useState2[0],
+    setPreviewModal = _useState2[1];
+  var change$1 = change.useChange(_objectSpread(_objectSpread({}, matchProps), {}, {
+    value: value,
+    maxCount: maxCount,
+    onChange: onChange
+  }));
+  React.useImperativeHandle(ref, function () {
+    return {
+      change: change$1
+    };
+  });
+  var contentStyle = React.useMemo(function () {
+    if (listType !== "picture-card") {
+      return {};
+    }
+    return {
+      width: 112 * maxRowNum,
+      maxWidth: "100%"
+    };
+  }, [maxRowNum, listType]);
+  var preview = function preview(file) {
+    if (onPreview) {
+      onPreview(file);
+      return;
+    }
+    setPreviewModal({
+      visible: true,
+      file: file
+    });
+  };
+  var maxNum = maxCount === 1 ? maxCount : Number.MAX_VALUE;
+  var visible = previewModal.visible,
+    previewFile = previewModal.file;
+  addFormat === null || addFormat === void 0 || addFormat({
+    float: {
+      inputValue: function inputValue(item, initValue) {
+        var _item$name = item.name,
+          name = _item$name === void 0 ? "" : _item$name;
+        var initFileList = initValue[name] || [];
+        var relInitFileList = typeof initFileList === "string" ? [initFileList] : initFileList;
+        var fileList = relInitFileList.map(function (url, index) {
+          return {
+            name: url,
+            response: {
+              url: url
+            },
+            status: "done",
+            uid: "init-".concat(index),
+            thumbUrl: url
+          };
+        });
+        return _defineProperty({}, name, fileList);
+      },
+      outputValue: function outputValue(item, _outputValue) {
+        var _item$name2 = item.name,
+          valueName = _item$name2 === void 0 ? "" : _item$name2;
+        var _outputValue$valueNam = _outputValue[valueName],
+          itemVal = _outputValue$valueNam === void 0 ? [] : _outputValue$valueNam;
+        var urls = itemVal.map(function (fileItem) {
+          return fileItem.response.url;
+        });
+        return _defineProperty({}, valueName, maxCount === 1 ? urls[0] : urls);
+      }
+    }
+  });
+  return jsxRuntime.jsxs("div", {
+    style: contentStyle,
+    children: [jsxRuntime.jsx(antd.Upload, _objectSpread(_objectSpread({
+      listType: listType,
+      maxCount: maxNum,
+      fileList: value,
+      onPreview: preview,
+      onChange: change$1,
+      beforeUpload: function beforeUpload() {
+        return false;
+      }
+    }, props), {}, {
+      children: jsxRuntime.jsx(Btn.default, {
+        value: value,
+        maxCount: maxCount,
+        listType: listType
+      })
+    })), jsxRuntime.jsx(index.default, {
+      visible: visible,
+      file: previewFile,
+      onCancel: function onCancel() {
+        setPreviewModal({});
+      }
+    })]
+  });
+};
+var HUpload = HFormConnect.default( /*#__PURE__*/React.forwardRef(Index));
+
+exports.default = HUpload;
+// powered by h

package/lib/Upload/modal.d.ts

@@ -0,0 +1,30 @@
+import type { UploadProps } from "antd";
+import type { UploadFile } from "antd/es/upload/interface";
+import type { BeforeUploadFileType, RcFile } from "rc-upload/lib/interface";
+import type { UploadChangeParam } from "antd/lib/upload/interface";
+import type { MediaTypeEnum } from "@/components/Upload/enums";
+import type { addFormatItemModal } from "@/components/Form/modal";
+export interface IUpLoadProps extends Omit<UploadProps, "onChange"> {
+    exFiles?: string[];
+    request?: (file: Exclude<BeforeUploadFileType, File | boolean> | RcFile) => Promise<{
+        url: string;
+    }>;
+    errorType?: "alert" | "show";
+    onChange?: (fileList: UploadFile[]) => void;
+    value?: UploadFile[];
+    maxRowNum?: number;
+    maxSize?: number;
+    addFormat?: (config: Record<string, addFormatItemModal>) => void;
+}
+export interface IMediaTypeEleProps {
+    file?: UploadFile;
+    onReady?: VoidFunction;
+    onError?: VoidFunction;
+}
+export interface IUploadRefModal {
+    change: (info: UploadChangeParam<UploadFile>) => void;
+}
+export interface IUrlUploadProps extends IUpLoadProps {
+    placeholder?: string;
+    mediaType?: MediaTypeEnum;
+}

package/lib/Upload/util.d.ts

@@ -0,0 +1,5 @@
+import type { UploadFile } from "antd/es/upload/interface";
+export declare const getFileExt: (file: UploadFile) => string;
+export declare const checkFileType: (file: UploadFile, exFiles?: string[]) => boolean;
+export declare const checkFileSize: (file: UploadFile, maxSize?: number) => boolean;
+export declare const fileToBase64: (file: any) => Promise<unknown>;

package/lib/Upload/util.js

@@ -0,0 +1,38 @@
+'use strict';
+
+require('core-js/modules/es.function.name.js');
+require('core-js/modules/es.object.to-string.js');
+require('core-js/modules/es.promise.js');
+
+var getFileExt = function getFileExt(file) {
+  var name = file.name;
+  var index = name.lastIndexOf(".");
+  return name.substring(index + 1).toUpperCase();
+};
+var checkFileType = function checkFileType(file) {
+  var exFiles = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var exName = getFileExt(file);
+  return exFiles.indexOf(exName) !== -1;
+};
+var checkFileSize = function checkFileSize(file) {
+  var maxSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var _file$size = file.size,
+    size = _file$size === void 0 ? 0 : _file$size;
+  return size <= maxSize;
+};
+var fileToBase64 = function fileToBase64(file) {
+  return new Promise(function (resolve) {
+    var reader = new FileReader();
+    reader.readAsDataURL(file === null || file === void 0 ? void 0 : file.originFileObj);
+    reader.onload = function (e) {
+      var _e$target;
+      resolve((_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.result);
+    };
+  });
+};
+
+exports.checkFileSize = checkFileSize;
+exports.checkFileType = checkFileType;
+exports.fileToBase64 = fileToBase64;
+exports.getFileExt = getFileExt;
+// powered by h

package/lib/config.d.ts

@@ -1,14 +1,6 @@
-export declare const baseConfig: {
-    defaultFieldNames: {
-        label: string;
-        value: string;
-    };
-    defaultValueCheckMap: {
-        checked: boolean;
-        noChecked: boolean;
-    };
-    defaultValueSwitchMap: {
-        checked: boolean;
-        noChecked: boolean;
-    };
+import type { IFormConfigContextProps } from "./Form/modal";
+export declare const baseConfig: IFormConfigContextProps;
+declare const _default: {
+    name: string;
 };
+export default _default;

package/lib/config.js

@@ -1,18 +1,65 @@
 'use strict';
 
+var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
+var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
+var moment = require('moment');
+var util = require('./Upload/util.js');
+
 var baseConfig = {
-  defaultFieldNames: {
+  fieldNames: {
     label: "label",
     value: "value"
   },
-  defaultValueCheckMap: {
-    checked: true,
-    noChecked: false
+  valueCheckMap: {
+    checked: 1,
+    noChecked: 0
+  },
+  valueSwitchMap: {
+    open: 1,
+    close: 0
+  },
+  valueRangePickerValueMap: {
+    start: function start(name) {
+      return "".concat(name, "StartTime");
+    },
+    end: function end(name) {
+      return "".concat(name, "EndTime");
+    }
+  },
+  dateRanges: {
+    最近三天: [moment().subtract(2, "days").startOf("days"), moment()],
+    最近七天: [moment().subtract(6, "days").startOf("days"), moment()],
+    最近三十天: [moment().subtract(29, "days").startOf("days"), moment()]
+  },
+  uploadProps: {
+    exFiles: ["JPG", "PNG", "JPEG", "GIF"],
+    request: function () {
+      var _request = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
+        var url;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return util.fileToBase64(file);
+            case 2:
+              url = _context.sent;
+              return _context.abrupt("return", {
+                url: url
+              });
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      function request(_x) {
+        return _request.apply(this, arguments);
+      }
+      return request;
+    }(),
+    maxSize: 1024 * 1024 * 1.8
   },
-  defaultValueSwitchMap: {
-    checked: true,
-    noChecked: false
-  }
+  defaultComponent: {}
 };
 
 exports.baseConfig = baseConfig;

package/{es/hooks/useChangeOptions.d.ts → lib/hooks/index.d.ts}

@@ -1,4 +1,5 @@
 import type { SelectProps } from "antd";
+import type { IFormConfigContextProps } from "../Form/modal";
 interface UseChangeOptionsParams {
     options?: Record<string, any>[];
     fieldNames?: SelectProps["fieldNames"];
@@ -7,4 +8,6 @@ export declare const useChangeOptions: ({ options, fieldNames, }: UseChangeOptio
     label: any;
     value: any;
 }[] | undefined;
+export declare const useClassName: (className: string | string[]) => string;
+export declare const useMatchConfigProps: (matchProps: IFormConfigContextProps) => IFormConfigContextProps;
 export {};

package/lib/hooks/index.js

@@ -0,0 +1,77 @@
+'use strict';
+
+var _typeof = require('@babel/runtime-corejs3/helpers/typeof');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+require('core-js/modules/es.array.map.js');
+require('core-js/modules/es.array.concat.js');
+require('core-js/modules/es.array.join.js');
+require('core-js/modules/es.object.keys.js');
+require('core-js/modules/es.object.to-string.js');
+require('core-js/modules/web.dom-collections.for-each.js');
+require('core-js/modules/es.symbol.to-primitive.js');
+require('core-js/modules/es.date.to-primitive.js');
+require('core-js/modules/es.symbol.js');
+require('core-js/modules/es.symbol.description.js');
+require('core-js/modules/es.number.constructor.js');
+require('core-js/modules/es.array.filter.js');
+require('core-js/modules/es.object.get-own-property-descriptor.js');
+require('core-js/modules/es.object.get-own-property-descriptors.js');
+var React = require('react');
+var configProvider = require('antd/es/config-provider');
+var FormConfigProvider = require('../Form/Context/FormConfigProvider.js');
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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 source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var useChangeOptions = function useChangeOptions(_ref) {
+  var options = _ref.options,
+    _ref$fieldNames = _ref.fieldNames,
+    fieldNames = _ref$fieldNames === void 0 ? {} : _ref$fieldNames;
+  return React.useMemo(function () {
+    return options === null || options === void 0 ? void 0 : options.map(function (item) {
+      var _fieldNames$label = fieldNames.label,
+        label = _fieldNames$label === void 0 ? "" : _fieldNames$label,
+        _fieldNames$value = fieldNames.value,
+        value = _fieldNames$value === void 0 ? "" : _fieldNames$value;
+      var relLabel = item[label],
+        relVal = item[value],
+        oItem = _objectWithoutProperties(item, [label, value].map(_toPropertyKey));
+      return _objectSpread(_objectSpread({}, oItem), {}, {
+        label: relLabel,
+        value: relVal
+      });
+    });
+  }, [options]);
+};
+var useClassName = function useClassName(className) {
+  var config = React.useContext(configProvider.ConfigContext);
+  return React.useMemo(function () {
+    if (Array.isArray(className)) {
+      var classNames = className.map(function (item) {
+        return "".concat(config.getPrefixCls(), "-").concat(item);
+      });
+      return classNames.join(" ");
+    }
+    return "".concat(config.getPrefixCls(), "-").concat(className);
+  }, [className]);
+};
+var useMatchConfigProps = function useMatchConfigProps(matchProps) {
+  var globalConfig = FormConfigProvider.useFormConfigContext();
+  var keys = Object.keys(matchProps);
+  var resultMatchProps = {};
+  keys.forEach(function (key) {
+    if (!matchProps[key]) {
+      resultMatchProps[key] = globalConfig[key];
+      return;
+    }
+    resultMatchProps[key] = matchProps[key];
+  });
+  return resultMatchProps;
+};
+
+exports.useChangeOptions = useChangeOptions;
+exports.useClassName = useClassName;
+exports.useMatchConfigProps = useMatchConfigProps;
+// powered by h

package/lib/index.css

@@ -1,3 +1,44 @@
-.ant-hw-option:hover {
+.ant-hw-all-check-box .ant-select-item-option-active:not( .ant-select-item-option-disabled) {
+  background-color: transparent;
+}
+.ant-hw-all-check-box .ant-select-item-option-selected:not( .ant-select-item-option-disabled) {
+  background-color: #e6f7ff;
+}
+.ant-hw-all-check-box .ant-select-item-option:not( .ant-select-item-option-selected):hover {
   background-color: #f5f5f5;
 }
+.ant-hw-form-item-colon:after {
+  position: relative;
+  top: -0.5px;
+  margin: 0 0 0 2px;
+  content: ":";
+}
+.ant-hw-form-item-required:before {
+  display: inline-block;
+  margin-right: 4px;
+  color: #ff4d4f;
+  font-size: 14px;
+  font-family: SimSun, sans-serif;
+  line-height: 1;
+  content: "*";
+}
+.ant-hw-form-base-item {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  min-height: 32px;
+}
+.ant-hw-color-box {
+  width: 22px;
+  height: 22px;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.ant-hw-color-input-picker {
+  box-shadow: 0 0 0 0 !important;
+}

package/lib/index.d.ts

@@ -1,11 +1,26 @@
-export { default as HSelect } from "./Select";
-export { default as HInput } from "./Input";
-export { default as HInputNumber } from "./Input/InputNumber";
-export { default as HSelectInput } from "./Input/SelectInput";
-export { default as HButtonInput } from "./Input/ButtonInput";
-export { default as HCheckboxGroup } from "./CheckboxGroup";
-export { default as HCheckBox } from "./CheckboxGroup/CheckBox";
-export { default as HRadioGroup } from "./RadioGroup";
-export { default as HSwitch } from "./Switch";
-export { default as HDatePicker } from "./DatePicker";
-export { default as HRangePicker } from "./DatePicker/RangePicker";
+/// <reference types="react" />
+import "./styles/index.less";
+export { default as HForm } from "./Form";
+export { default as useHForm } from "./Form/hooks/useHForm";
+export { useHDialogForm } from "./DialogForm/hooks";
+export { default as HFormConnect } from "./Form/HFormConnect";
+export { default as HFormConfigProvider } from "./Form/Context/FormConfigProvider";
+export declare const HSelect: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
+export declare const HInput: ({ ...props }: import("./Input/modal").HInputProps<any>) => JSX.Element;
+export declare const HSelectInput: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
+export declare const HUpload: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
+export declare const HUrlUpload: ({ placeholder, value, onChange, mediaType, ...props }: import("./Upload/modal").IUrlUploadProps) => JSX.Element;
+export declare const HButtonInput: import("react").FC<import("./Input/modal").HButtonInputProps>;
+export declare const HCheckBox: import("react").FC<import("./CheckboxGroup/modal").HCheckboxProps>;
+export declare const HSwitch: import("react").FC<import("./Switch").HSwitchProps>;
+export declare const HCheckboxGroup: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
+export declare const HDatePicker: import("react").FC<import("./TDPicker/modal").HDatePickerProps>;
+export declare const HRangePicker: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
+export declare const HRadioGroup: ({ value, options, onChange, fieldNames: propsFieldNames, ...props }: import("./RadioGroup").HRadioGroupProps) => JSX.Element;
+export declare const HTimePicker: ({ value, format, onChange, disabledDate, ...props }: import("./TDPicker/modal").HTimePickerProps) => JSX.Element;
+export declare const HInputNumber: ({ style, ...props }: import("antd").InputNumberProps<string | number>) => JSX.Element;
+export declare const HPageHandler: import("react").FC<import("./PageHandler/modal").IHPageHandler<any>>;
+export declare const HTextArea: ({ autoSize, ...props }: import("antd/es/input").TextAreaProps) => JSX.Element;
+export declare const HColorInput: ({ value, onChange, ...props }: import("./Input/modal").HInputProps<any>) => JSX.Element;
+export declare const HModalForm: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, initialValues, onFinish, params, onOk, onValuesChange, ...props }: import("./DialogForm/modal").DialogFormProps<any, any>) => JSX.Element;
+export declare const HDrawerForm: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, closable, initialValues, labelWidth, onOk, onFinish, size, form, footer, params, onValuesChange, ...props }: import("./DialogForm/modal").DialogFormProps<any, any>) => JSX.Element;

package/lib/index.js

@@ -1,28 +1,57 @@
 'use strict';
 
-var index = require('./Select/index.js');
-var index$1 = require('./Input/index.js');
-var InputNumber = require('./Input/InputNumber.js');
-var SelectInput = require('./Input/SelectInput.js');
-var ButtonInput = require('./Input/ButtonInput.js');
-var index$2 = require('./CheckboxGroup/index.js');
-var index$3 = require('./CheckboxGroup/CheckBox/index.js');
-var index$4 = require('./RadioGroup/index.js');
-var index$5 = require('./Switch/index.js');
-var index$6 = require('./DatePicker/index.js');
-var RangePicker = require('./DatePicker/RangePicker.js');
+var config = require('./Form/config.js');
+var index$1 = require('./PageHandler/index.js');
+var index = require('./Form/index.js');
+var useHForm = require('./Form/hooks/useHForm.js');
+var hooks = require('./DialogForm/hooks.js');
+var HFormConnect = require('./Form/HFormConnect.js');
+var FormConfigProvider = require('./Form/Context/FormConfigProvider.js');
+var ModalForm = require('./DialogForm/ModalForm.js');
+var index$2 = require('./DialogForm/DrawerForm/index.js');
 
+var HSelect = config.default.select;
+var HInput = config.default.input;
+var HSelectInput = config.default.selectInput;
+var HUpload = config.default.upload;
+var HUrlUpload = config.default.urlUpload;
+var HButtonInput = config.default.buttonInput;
+var HCheckBox = config.default.checkBox;
+var HSwitch = config.default.switch;
+var HCheckboxGroup = config.default.checkboxGroup;
+var HDatePicker = config.default.datePicker;
+var HRangePicker = config.default.rangePicker.Component;
+var HRadioGroup = config.default.radioGroup;
+var HTimePicker = config.default.timePicker;
+var HInputNumber = config.default.inputNumber;
+var HPageHandler = index$1.default;
+var HTextArea = config.default.textArea;
+var HColorInput = config.default.colorInput;
+var HModalForm = ModalForm.default;
+var HDrawerForm = index$2.default;
 
-
-exports.HSelect = index.default;
-exports.HInput = index$1.default;
-exports.HInputNumber = InputNumber.default;
-exports.HSelectInput = SelectInput.default;
-exports.HButtonInput = ButtonInput.default;
-exports.HCheckboxGroup = index$2.default;
-exports.HCheckBox = index$3.default;
-exports.HRadioGroup = index$4.default;
-exports.HSwitch = index$5.default;
-exports.HDatePicker = index$6.default;
-exports.HRangePicker = RangePicker.default;
+exports.HForm = index.default;
+exports.useHForm = useHForm.default;
+exports.useHDialogForm = hooks.useHDialogForm;
+exports.HFormConnect = HFormConnect.default;
+exports.HFormConfigProvider = FormConfigProvider.default;
+exports.HButtonInput = HButtonInput;
+exports.HCheckBox = HCheckBox;
+exports.HCheckboxGroup = HCheckboxGroup;
+exports.HColorInput = HColorInput;
+exports.HDatePicker = HDatePicker;
+exports.HDrawerForm = HDrawerForm;
+exports.HInput = HInput;
+exports.HInputNumber = HInputNumber;
+exports.HModalForm = HModalForm;
+exports.HPageHandler = HPageHandler;
+exports.HRadioGroup = HRadioGroup;
+exports.HRangePicker = HRangePicker;
+exports.HSelect = HSelect;
+exports.HSelectInput = HSelectInput;
+exports.HSwitch = HSwitch;
+exports.HTextArea = HTextArea;
+exports.HTimePicker = HTimePicker;
+exports.HUpload = HUpload;
+exports.HUrlUpload = HUrlUpload;
 // powered by h

package/lib/modal.d.ts

@@ -0,0 +1,16 @@
+export interface ValueCheckMapModal {
+    checked?: any;
+    noChecked?: any;
+}
+export type PromiseFnResult<T = any, R = any> = (params: T, formDataValues?: any) => Promise<R>;
+export interface ValueSwitchMapModal {
+    open?: any;
+    close?: any;
+}
+export interface DataFnProvider<P = any, R = any> {
+    (name: P): R;
+}
+export interface DateRangePickerValueMapModal {
+    start?: string | DataFnProvider<string, string>;
+    end?: string | DataFnProvider<string, string>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/form",
-  "version": "0.0.5",
+  "version": "0.0.6-beta-v2",
   "description": "基于antd二次开发",
   "repository": {
     "type": "git",
@@ -27,16 +27,20 @@
     ]
   },
   "dependencies": {
+    "@ant-design/icons": "4.6.2",
+    "@types/react-color": "^3.0.9",
     "ahooks": "2.10.9",
-    "antd": "4.19.0",
-    "react": "16.14.0",
+    "antd": "4.20.7",
+    "core-js": "3",
+    "react": "17.0.0",
+    "react-color": "^2.19.3",
     "react-dom": "17.0.2",
     "react-router-dom": "^6.11.2"
   },
   "devDependencies": {
     "@babel/core": "^7.21.8",
-    "@babel/plugin-transform-runtime": "^7.21.4",
-    "@babel/preset-env": "^7.21.5",
+    "@babel/plugin-transform-runtime": "^7.23.2",
+    "@babel/preset-env": "^7.23.2",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.21.5",
     "@babel/runtime-corejs3": "^7.21.5",
@@ -45,7 +49,7 @@
     "@rollup/plugin-inject": "^5.0.3",
     "@rollup/plugin-node-resolve": "^15.0.2",
     "@rollup/plugin-url": "^8.0.1",
-    "@types/react": "17.0.14",
+    "@types/react": "17.0.17",
     "@types/react-dom": "17.0.9",
     "@typescript-eslint/eslint-plugin": "^5.59.7",
     "@umijs/fabric": "^2.14.1",
@@ -76,5 +80,11 @@
     "webpack-dev-server": "^4.15.0",
     "webpackbar": "^5.0.2"
   },
-  "cssPrefix": "hw"
+  "cssPrefix": "hw",
+  "browserslist": [
+    "> 0.5%",
+    "last 2 versions",
+    "Firefox ESR",
+    "not dead"
+  ]
 }