@hw-component/form 0.0.5-beta-v9 → 0.0.6-beta-v1

package/lib/Input/ButtonInput.js

@@ -0,0 +1,97 @@
+'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 _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
+var jsxRuntime = require('react/jsx-runtime');
+var antd = require('antd');
+var ahooks = require('ahooks');
+
+var _excluded = ["buttonProps", "value", "onChange", "children", "request"],
+  _excluded2 = ["onClick", "type"];
+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) {
+  var _ref$buttonProps = _ref.buttonProps,
+    buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    children = _ref.children,
+    request = _ref.request,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var onClick = buttonProps.onClick,
+    _buttonProps$type = buttonProps.type,
+    type = _buttonProps$type === void 0 ? "primary" : _buttonProps$type,
+    oProps = _objectWithoutProperties(buttonProps, _excluded2);
+  var _useRequest = ahooks.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 || onChange(e.target.value);
+  };
+  var click = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      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 || onClick(result, onChange);
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function click() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return jsxRuntime.jsxs(antd.Input.Group, {
+    compact: true,
+    style: {
+      display: "flex"
+    },
+    children: [jsxRuntime.jsx(antd.Input, _objectSpread(_objectSpread({}, props), {}, {
+      style: {
+        flex: 1
+      },
+      value: value,
+      onChange: change
+    })), jsxRuntime.jsx(antd.Button, _objectSpread(_objectSpread({}, oProps), {}, {
+      type: type,
+      onClick: click,
+      loading: loading,
+      style: {
+        marginLeft: 4
+      },
+      children: children
+    }))]
+  });
+};
+
+exports.default = Index;
+// powered by h

package/lib/Input/ColorInput/Picker.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactColor = require('react-color');
+var data = require('./data.js');
+var index = require('../../hooks/index.js');
+
+var Picker = (function (_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange;
+  var classname = index.useClassName("hw-color-input-picker");
+  return jsxRuntime.jsx(reactColor.SketchPicker, {
+    width: "250px",
+    styles: {},
+    presetColors: data.presetColors,
+    color: value,
+    onChangeComplete: onChange,
+    className: classname
+  });
+});
+
+exports.default = Picker;
+// powered by h

package/lib/Input/ColorInput/data.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var presetColors = ["#fff1f0", "#ffccc7", "#ffa39e", "#ff7875", "#ff4d4f", "#f5222d", "#cf1322", "#a8071a", "#820014", "#5c0011", "#fff7e6", "#ffe7ba", "#ffd591", "#ffc069", "#ffa940", "#fa8c16", "#d46b08", "#ad4e00", "#873800", "#612500", "#feffe6", "#ffffb8", "#fffb8f", "#fff566", "#ffec3d", "#fadb14", "#d4b106", "#ad8b00", "#876800", "#614700", "#f6ffed", "#d9f7be", "#b7eb8f", "#95de64", "#73d13d", "#52c41a", "#389e0d", "#237804", "#135200", "#092b00", "#e6fffb", "#b5f5ec", "#87e8de", "#5cdbd3", "#36cfc9", "#13c2c2", "#08979c", "#006d75", "#00474f", "#002329", "#e6f7ff", "#bae7ff", "#91d5ff", "#69c0ff", "#40a9ff", "#1890ff", "#096dd9", "#0050b3", "#003a8c", "#002766", "#f0f5ff", "#d6e4ff", "#adc6ff", "#85a5ff", "#597ef7", "#2f54eb", "#1d39c4", "#10239e", "#061178", "#030852", "#f9f0ff", "#efdbff", "#d3adf7", "#b37feb", "#9254de", "#722ed1", "#531dab", "#391085", "#22075e", "#120338", "#fff0f6", "#ffd6e7", "#ffadd2", "#ff85c0", "#f759ab", "#eb2f96", "#c41d7f", "#9e1068", "#780650", "#520339", "#ffffff", "#fafafa", "#f5f5f5", "#f0f0f0", "#d9d9d9", "#bfbfbf", "#8c8c8c", "#595959", "#434343", "#262626"];
+
+exports.presetColors = presetColors;
+// powered by h

package/lib/Input/ColorInput/index.js

@@ -0,0 +1,97 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/es.regexp.constructor.js');
+require('core-js/modules/es.regexp.to-string.js');
+require('core-js/modules/es.array.iterator.js');
+require('core-js/modules/es.object.to-string.js');
+require('core-js/modules/es.string.iterator.js');
+require('core-js/modules/es.weak-map.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/es.array.reduce.js');
+require('core-js/modules/es.object.keys.js');
+require('core-js/modules/es.symbol.replace.js');
+require('core-js/modules/es.string.replace.js');
+require('core-js/modules/es.symbol.js');
+require('core-js/modules/es.symbol.description.js');
+require('core-js/modules/es.array.join.js');
+require('core-js/modules/es.array.slice.js');
+require('core-js/modules/es.array.filter.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 _typeof = require('@babel/runtime-corejs3/helpers/typeof');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
+var _setPrototypeOf = require('@babel/runtime-corejs3/helpers/setPrototypeOf');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+require('core-js/modules/es.string.starts-with.js');
+require('core-js/modules/es.regexp.exec.js');
+require('core-js/modules/es.string.match.js');
+require('core-js/modules/es.number.constructor.js');
+require('core-js/modules/es.array.concat.js');
+var jsxRuntime = require('react/jsx-runtime');
+var antd = require('antd');
+var Picker = require('./Picker.js');
+var React = require('react');
+var index = require('../../hooks/index.js');
+
+var _excluded = ["value", "onChange"];
+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 _wrapRegExp() { _wrapRegExp = function _wrapRegExp(re, groups) { return new BabelRegExp(re, void 0, groups); }; var _super = RegExp.prototype, _groups = new WeakMap(); function BabelRegExp(re, flags, groups) { var _this = new RegExp(re, flags); return _groups.set(_this, groups || _groups.get(re)), _setPrototypeOf(_this, BabelRegExp.prototype); } function buildGroups(result, re) { var g = _groups.get(re); return Object.keys(g).reduce(function (groups, name) { var i = g[name]; if ("number" == typeof i) groups[name] = result[i];else { for (var k = 0; void 0 === result[i[k]] && k + 1 < i.length;) k++; groups[name] = result[i[k]]; } return groups; }, Object.create(null)); } return _inherits(BabelRegExp, RegExp), BabelRegExp.prototype.exec = function (str) { var result = _super.exec.call(this, str); if (result) { result.groups = buildGroups(result, this); var indices = result.indices; indices && (indices.groups = buildGroups(indices, this)); } return result; }, BabelRegExp.prototype[Symbol.replace] = function (str, substitution) { if ("string" == typeof substitution) { var groups = _groups.get(this); return _super[Symbol.replace].call(this, str, substitution.replace(/\$<([^>]+)>/g, function (_, name) { var group = groups[name]; return "$" + (Array.isArray(group) ? group.join("$") : group); })); } if ("function" == typeof substitution) { var _this = this; return _super[Symbol.replace].call(this, str, function () { var args = arguments; return "object" != _typeof(args[args.length - 1]) && (args = [].slice.call(args)).push(buildGroups(args, _this)), substitution.apply(this, args); }); } return _super[Symbol.replace].call(this, str, substitution); }, _wrapRegExp.apply(this, arguments); }
+var ColorInput = (function (_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var classname = index.useClassName("hw-color-box");
+  var pickerValue = React.useMemo(function () {
+    if (typeof value === "string") {
+      var _result$groups;
+      if (value.startsWith("#")) {
+        return value;
+      }
+      var rgbaRegular = /*#__PURE__*/_wrapRegExp(/((rgba\())(.*?)(?=(\)))/, {
+        rgba: 3
+      });
+      var result = value.match(rgbaRegular);
+      if (result !== null && result !== void 0 && (_result$groups = result.groups) !== null && _result$groups !== void 0 && _result$groups.rgba) {
+        var rgbas = result.groups.rgba.split(",");
+        return {
+          r: Number(rgbas[0]),
+          g: Number(rgbas[1]),
+          b: Number(rgbas[2]),
+          a: Number(rgbas[3])
+        };
+      }
+    }
+    return "";
+  }, [value]);
+  var colorChange = function colorChange(val) {
+    var rgb = val.rgb;
+    var text = "rgba(".concat(rgb.r, ",").concat(rgb.g, ",").concat(rgb.b, ",").concat(rgb.a, ")");
+    onChange === null || onChange === void 0 || onChange(text);
+  };
+  return jsxRuntime.jsx(antd.Input, _objectSpread(_objectSpread({}, props), {}, {
+    value: value,
+    onChange: onChange,
+    suffix: jsxRuntime.jsx(antd.Popover, {
+      trigger: "click",
+      content: jsxRuntime.jsx(Picker.default, {
+        value: pickerValue,
+        onChange: colorChange
+      }),
+      placement: "topLeft",
+      children: jsxRuntime.jsx("div", {
+        style: {
+          backgroundColor: value
+        },
+        className: classname
+      })
+    })
+  }));
+});
+
+exports.default = ColorInput;
+// powered by h

package/lib/Input/InputNumber.js

@@ -0,0 +1,32 @@
+'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 _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var jsxRuntime = require('react/jsx-runtime');
+var antd = require('antd');
+
+var _excluded = ["style"];
+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 HInputNumber = (function (_ref) {
+  var _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {
+      width: "100%"
+    } : _ref$style,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return jsxRuntime.jsx(antd.InputNumber, _objectSpread({
+    style: style
+  }, props));
+});
+
+exports.default = HInputNumber;
+// powered by h

package/lib/Input/SelectInput.js

@@ -0,0 +1,99 @@
+'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.get-own-property-descriptor.js');
+require('core-js/modules/es.object.get-own-property-descriptors.js');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+require('core-js/modules/es.function.name.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.object.values.js');
+var jsxRuntime = require('react/jsx-runtime');
+var antd = require('antd');
+var index = require('../Select/index.js');
+var defaultConfig = require('./defaultConfig.js');
+var HFormConnect = require('../Form/HFormConnect.js');
+
+var _excluded = ["selectProps", "value", "onChange", "valueName", "addFormat", "addDispatchListener"],
+  _excluded2 = ["style", "placeholder"];
+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; }
+exports.SelectInputType = void 0;
+(function (SelectInputType) {
+  SelectInputType[SelectInputType["input"] = 0] = "input";
+  SelectInputType[SelectInputType["select"] = 1] = "select";
+})(exports.SelectInputType || (exports.SelectInputType = {}));
+var Index = function Index(_ref) {
+  var _ref$selectProps = _ref.selectProps,
+    selectProps = _ref$selectProps === void 0 ? {} : _ref$selectProps,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? {} : _ref$value,
+    onChange = _ref.onChange,
+    _ref$valueName = _ref.valueName,
+    valueName = _ref$valueName === void 0 ? defaultConfig.defaultValueName : _ref$valueName,
+    addFormat = _ref.addFormat;
+    _ref.addDispatchListener;
+    var props = _objectWithoutProperties(_ref, _excluded);
+  var _valueName$input = valueName.input,
+    input = _valueName$input === void 0 ? "" : _valueName$input,
+    _valueName$select = valueName.select,
+    select = _valueName$select === void 0 ? "" : _valueName$select;
+  var inputVal = value[input],
+    selectVal = value[select];
+  var _selectProps$style = selectProps.style,
+    style = _selectProps$style === void 0 ? defaultConfig.defaultSelectStyle : _selectProps$style,
+    _selectProps$placehol = selectProps.placeholder,
+    placeholder = _selectProps$placehol === void 0 ? "请选择" : _selectProps$placehol,
+    sProps = _objectWithoutProperties(selectProps, _excluded2);
+  var change = function change(val, key) {
+    var newVal = _objectSpread({}, value);
+    newVal[key] = val;
+    var type = key === input ? exports.SelectInputType.input : exports.SelectInputType.select;
+    onChange === null || onChange === void 0 || onChange(newVal, type);
+  };
+  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 resultObj = {};
+        Object.values(valueName).forEach(function (key) {
+          resultObj[key] = initValue[key];
+        });
+        return _defineProperty({}, name, resultObj);
+      },
+      outputValue: function outputValue(item, _outputValue) {
+        var _item$name2 = item.name,
+          name = _item$name2 === void 0 ? "" : _item$name2;
+        var _outputValue$name = _outputValue[name],
+          itemVal = _outputValue$name === void 0 ? {} : _outputValue$name;
+        var newItemVal = _defineProperty({}, itemVal[select], itemVal[input]);
+        return _objectSpread({}, newItemVal);
+      }
+    }
+  });
+  return jsxRuntime.jsx(antd.Input, _objectSpread({
+    value: inputVal,
+    onChange: function onChange(e) {
+      change(e.target.value, input);
+    },
+    addonBefore: jsxRuntime.jsx(index.default, _objectSpread(_objectSpread({}, sProps), {}, {
+      style: style,
+      placeholder: placeholder,
+      value: selectVal,
+      onChange: function onChange(val) {
+        change(val, select);
+      }
+    }))
+  }, props));
+};
+var HSelectInput = HFormConnect.default(Index);
+
+exports.Index = Index;
+exports.default = HSelectInput;
+// powered by h

package/lib/Input/defaultConfig.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var defaultSelectStyle = {
+  width: 128
+};
+var defaultValueName = {
+  input: "input",
+  select: "select"
+};
+
+exports.defaultSelectStyle = defaultSelectStyle;
+exports.defaultValueName = defaultValueName;
+// powered by h

package/lib/Input/index.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _objectDestructuringEmpty = require('@babel/runtime-corejs3/helpers/objectDestructuringEmpty');
+require('core-js/modules/es.object.assign.js');
+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 jsxRuntime = require('react/jsx-runtime');
+var antd = require('antd');
+
+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 HInput = (function (_ref) {
+  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  return jsxRuntime.jsx(antd.Input, _objectSpread({}, props));
+});
+
+exports.default = HInput;
+// powered by h

package/lib/PageHandler/ErrorComponent.js

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

package/lib/PageHandler/LoadingComponent.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var antd = require('antd');
+
+var Loading = (function () {
+  return jsxRuntime.jsx(antd.Row, {
+    justify: "center",
+    align: "middle",
+    style: {
+      height: 125
+    },
+    children: jsxRuntime.jsx(antd.Spin, {
+      size: "large"
+    })
+  });
+});
+
+exports.default = Loading;
+// powered by h

package/lib/PageHandler/index.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var LoadingComponent = require('./LoadingComponent.js');
+var ErrorComponent = require('./ErrorComponent.js');
+
+var Index = function Index(_ref) {
+  var error = _ref.error,
+    data = _ref.data,
+    reload = _ref.reload,
+    children = _ref.children;
+  if (error) {
+    return jsxRuntime.jsx(ErrorComponent.default, {
+      error: error,
+      reload: reload
+    });
+  }
+  if (data) {
+    return jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: children
+    });
+  }
+  return jsxRuntime.jsx(LoadingComponent.default, {});
+};
+
+exports.default = Index;
+// powered by h

package/lib/RadioGroup/index.js

@@ -0,0 +1,61 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _typeof = require('@babel/runtime-corejs3/helpers/typeof');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+require('core-js/modules/es.array.map.js');
+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 jsxRuntime = require('react/jsx-runtime');
+var antd = require('antd');
+var React = require('react');
+var index = require('../hooks/index.js');
+
+var _excluded = ["value", "options", "onChange", "fieldNames"];
+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 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
+    }),
+    _useMatchConfigProps$ = _useMatchConfigProps.fieldNames,
+    fieldNames = _useMatchConfigProps$ === void 0 ? {} : _useMatchConfigProps$;
+  var relOptions = React.useMemo(function () {
+    return options === null || options === void 0 ? void 0 : options.map(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 jsxRuntime.jsx(antd.Radio.Group, _objectSpread({
+    options: relOptions,
+    value: value,
+    onChange: function onChange(e) {
+      _onChange === null || _onChange === void 0 || _onChange(e.target.value);
+    }
+  }, props));
+});
+
+exports.default = HRadioGroup;
+// powered by h

package/lib/Select/index.js

@@ -146,7 +146,7 @@ var Index = function Index(_ref) {
     })
   }));
 };
-var Select = HFormConnect.default(Index);
+var HSelect = HFormConnect.default(Index);
 
-exports.default = Select;
+exports.default = HSelect;
 // powered by h

package/lib/Submit/index.js

@@ -0,0 +1,57 @@
+'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 _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var jsxRuntime = require('react/jsx-runtime');
+var antd = require('antd');
+var index = require('../Form/Context/index.js');
+
+var _excluded = ["text", "type", "form", "loading", "position", "reset"];
+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 HSubmit = (function (_ref) {
+  var _ref$text = _ref.text,
+    text = _ref$text === void 0 ? "提交" : _ref$text,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "primary" : _ref$type,
+    form = _ref.form,
+    loading = _ref.loading,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? "start" : _ref$position,
+    reset = _ref.reset,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useFormContext = index.useFormContext(),
+    _useFormContext$loadi = _useFormContext.loading,
+    formSubLoading = _useFormContext$loadi === void 0 ? loading : _useFormContext$loadi;
+  return jsxRuntime.jsx(antd.Row, {
+    justify: position,
+    style: {
+      width: "100%"
+    },
+    children: jsxRuntime.jsxs(antd.Space, {
+      children: [reset && jsxRuntime.jsx(antd.Button, _objectSpread(_objectSpread({}, props), {}, {
+        onClick: function onClick() {
+          form.resetFields();
+        },
+        children: "\u91CD\u5236"
+      })), jsxRuntime.jsx(antd.Button, _objectSpread(_objectSpread({}, props), {}, {
+        type: type,
+        onClick: form.submit,
+        loading: formSubLoading,
+        children: text
+      }))]
+    })
+  });
+});
+
+exports.default = HSubmit;
+// powered by h