@hw-component/form 0.0.3 → 0.0.4-beta-v1

package/lib/Input/ColorInput/index.js

@@ -0,0 +1,90 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _WeakMap = require('@babel/runtime-corejs3/core-js/weak-map');
+var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/reduce');
+var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
+var _Object$create = require('@babel/runtime-corejs3/core-js/object/create');
+var _Symbol$replace = require('@babel/runtime-corejs3/core-js/symbol/replace');
+var _Array$isArray = require('@babel/runtime-corejs3/core-js/array/is-array');
+var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/slice');
+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 _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');
+var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/starts-with');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/concat');
+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 = _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 _context5, _context6; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context5 = ownKeys(Object(source), !0)).call(_context5, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context6 = ownKeys(Object(source))).call(_context6, 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 _context4; var g = _groups.get(re); return _reduceInstanceProperty(_context4 = _Object$keys(g)).call(_context4, 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 = _sliceInstanceProperty([]).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 (_startsWithInstanceProperty(value).call(value, "#")) {
+        return value;
+      }
+      var rgbaRegular = /*#__PURE__*/_wrapRegExp(/(?<=(rgba\())(.*?)(?=(\)))/, {
+        rgba: 2
+      });
+      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 _context, _context2, _context3;
+    var rgb = val.rgb;
+    var text = _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = "rgba(".concat(rgb.r, ",")).call(_context3, rgb.g, ",")).call(_context2, rgb.b, ",")).call(_context, rgb.a, ")");
+    onChange === null || onChange === void 0 ? 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.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { InputNumberProps } from "antd";
 declare const _default: ({ style, ...props }: InputNumberProps) => JSX.Element;
 export default _default;

package/lib/Input/InputNumber.js

@@ -2,22 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var _extends = require('@babel/runtime-corejs3/helpers/extends');
+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 _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"];
-var InputNumber = (function (_ref) {
+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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, 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 /*#__PURE__*/React.createElement(antd.InputNumber, _extends({
+  return jsxRuntime.jsx(antd.InputNumber, _objectSpread({
     style: style
   }, props));
 });
 
-exports.default = InputNumber;
+exports.default = HInputNumber;
 // powered by h

package/lib/Input/SelectInput.d.ts

@@ -4,5 +4,6 @@ export declare enum SelectInputType {
     input = 0,
     select = 1
 }
-declare const _default: ({ selectProps, value, onChange, valueName, ...props }: HSelectInputProps) => JSX.Element;
+export declare const Index: ({ selectProps, value, onChange, valueName, addFormat, addDispatchListener, ...props }: HSelectInputProps) => JSX.Element;
+declare const _default: import("react").ForwardRefExoticComponent<import("@/components/Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export default _default;

package/lib/Input/SelectInput.js

@@ -2,32 +2,33 @@
 
 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 _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
+var _Object$values = require('@babel/runtime-corejs3/core-js/object/values');
+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"],
-  _excluded2 = ["style"];
+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 = _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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+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; }
 exports.SelectInputType = void 0;
 (function (SelectInputType) {
   SelectInputType[SelectInputType["input"] = 0] = "input";
   SelectInputType[SelectInputType["select"] = 1] = "select";
 })(exports.SelectInputType || (exports.SelectInputType = {}));
-var SelectInput = (function (_ref) {
+var Index = function Index(_ref) {
   var _ref$selectProps = _ref.selectProps,
     selectProps = _ref$selectProps === void 0 ? {} : _ref$selectProps,
     _ref$value = _ref.value,
@@ -35,7 +36,9 @@ var SelectInput = (function (_ref) {
     onChange = _ref.onChange,
     _ref$valueName = _ref.valueName,
     valueName = _ref$valueName === void 0 ? defaultConfig.defaultValueName : _ref$valueName,
-    props = _objectWithoutProperties(_ref, _excluded);
+    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,
@@ -44,6 +47,8 @@ var SelectInput = (function (_ref) {
     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);
@@ -51,20 +56,45 @@ var SelectInput = (function (_ref) {
     var type = key === input ? exports.SelectInputType.input : exports.SelectInputType.select;
     onChange === null || onChange === void 0 ? void 0 : onChange(newVal, type);
   };
-  return /*#__PURE__*/React.createElement(antd.Input, _extends({
+  addFormat === null || addFormat === void 0 ? void 0 : addFormat({
+    "float": {
+      inputValue: function inputValue(item, initValue) {
+        var _context;
+        var _item$name = item.name,
+          name = _item$name === void 0 ? "" : _item$name;
+        var resultObj = {};
+        _forEachInstanceProperty(_context = _Object$values(valueName)).call(_context, 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: /*#__PURE__*/React.createElement(index.default, _extends({}, sProps, {
+    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.default = SelectInput;
+exports.Index = Index;
+exports.default = HSelectInput;
 // powered by h

package/lib/Input/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { HInputProps } from "./modal";
 declare const _default: ({ ...props }: HInputProps) => JSX.Element;
 export default _default;

package/lib/Input/index.js

@@ -2,15 +2,26 @@
 
 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 _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _objectDestructuringEmpty = require('@babel/runtime-corejs3/helpers/objectDestructuringEmpty');
 var _extends = require('@babel/runtime-corejs3/helpers/extends');
+var jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
 
-var index = (function (_ref) {
+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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var HInput = (function (_ref) {
   var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/React.createElement(antd.Input, props);
+  return jsxRuntime.jsx(antd.Input, _objectSpread({}, props));
 });
 
-exports.default = index;
+exports.default = HInput;
 // powered by h

package/lib/Input/modal.d.ts

@@ -0,0 +1,30 @@
+import type { ButtonProps, InputProps } from "antd";
+import type { HSelectProps } from "../Select/modal";
+import type { SelectInputType } from "./SelectInput";
+import type { PromiseFnResult } from "../modal";
+import type { addFormatItemModal } from "../Form/modal";
+import type { AddDispatchListenerFn } from "../Form/modal";
+export interface HInputProps<V = any> extends Omit<InputProps, "onChange" | "value"> {
+    onChange?: (value: V) => void;
+    value?: V;
+}
+interface ValueNameModal {
+    input?: string;
+    select?: string;
+}
+export interface HSelectInputProps extends Omit<HInputProps, "value" | "onChange"> {
+    selectProps?: HSelectProps;
+    value?: Record<string, any>;
+    onChange?: (value: Record<string, any>, type: SelectInputType) => void;
+    valueName?: ValueNameModal;
+    addFormat?: (config: Record<string, addFormatItemModal>) => void;
+    addDispatchListener?: AddDispatchListenerFn;
+}
+export interface HButtonProps extends Omit<ButtonProps, "onClick"> {
+    onClick: (value: string | readonly string[] | number | undefined, onChange?: (val: any) => void) => void;
+}
+export interface HButtonInputProps extends HInputProps {
+    buttonProps?: HButtonProps;
+    request?: PromiseFnResult;
+}
+export {};

package/lib/PageHandler/ErrorComponent.d.ts

@@ -0,0 +1,3 @@
+import type { IHPageHandler } from "./modal";
+declare const _default: ({ error, reload }: IHPageHandler) => JSX.Element;
+export default _default;

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.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => JSX.Element;
+export default _default;

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.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { IHPageHandler } from "./modal";
+declare const Index: React.FC<IHPageHandler>;
+export default Index;

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/PageHandler/modal.d.ts

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

package/lib/RadioGroup/index.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import type { SelectProps, RadioGroupProps } from "antd/es";
-interface IProps extends Omit<RadioGroupProps, "onChange" | "options"> {
+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, ...props }: IProps) => JSX.Element;
+declare const _default: ({ value, options, onChange, fieldNames: propsFieldNames, ...props }: HRadioGroupProps) => JSX.Element;
 export default _default;

package/lib/RadioGroup/index.js

@@ -2,22 +2,37 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var _extends = require('@babel/runtime-corejs3/helpers/extends');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 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 _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 jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
-var config = require('../config.js');
+var React = require('react');
+var index = require('../hooks/index.js');
 
 var _excluded = ["value", "options", "onChange", "fieldNames"];
-var index = (function (_ref) {
+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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, 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,
-    _ref$fieldNames = _ref.fieldNames,
-    fieldNames = _ref$fieldNames === void 0 ? config.baseConfig.defaultFieldNames : _ref$fieldNames,
+    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 : _mapInstanceProperty(options).call(options, function (item) {
       var type = _typeof(item);
@@ -34,7 +49,7 @@ var index = (function (_ref) {
       };
     });
   }, [options, fieldNames]);
-  return /*#__PURE__*/React.createElement(antd.Radio.Group, _extends({
+  return jsxRuntime.jsx(antd.Radio.Group, _objectSpread({
     options: relOptions,
     value: value,
     onChange: function onChange(e) {
@@ -43,5 +58,5 @@ var index = (function (_ref) {
   }, props));
 });
 
-exports.default = index;
+exports.default = HRadioGroup;
 // powered by h

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import type { HSelectProps } from "@/components/Select/modal";
-import "../index.less";
+import React from "react";
 interface IProps extends HSelectProps {
     checked?: boolean;
 }
-declare const _default: ({ allSelect, mode, onChange, value, serviceSearch, options, fieldNames, }: IProps) => JSX.Element | null;
-export default _default;
+declare const Index: React.FC<IProps>;
+export default Index;

package/lib/Select/components/AllSelect.js

@@ -2,25 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/concat');
+var jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
 var utils = require('../utils.js');
-var useClassName = require('../../hooks/useClassName.js');
+var index = require('../../hooks/index.js');
 
-var AllSelect = (function (_ref) {
+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;
+};
+var Index = function Index(_ref) {
   var allSelect = _ref.allSelect,
     mode = _ref.mode,
     onChange = _ref.onChange,
     value = _ref.value,
     serviceSearch = _ref.serviceSearch,
     options = _ref.options,
-    fieldNames = _ref.fieldNames;
-  if (!allSelect || mode !== "multiple" || serviceSearch) {
-    return null;
-  }
+    _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 optionsClassName = useClassName.useClassName("option");
+  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);
@@ -29,13 +36,24 @@ var AllSelect = (function (_ref) {
     }
     onChange === null || onChange === void 0 ? void 0 : onChange([], []);
   };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "ant-select-item ant-select-item-option ".concat(optionsClassName),
-    onClick: change
-  }, /*#__PURE__*/React.createElement(antd.Space, null, /*#__PURE__*/React.createElement(antd.Checkbox, {
-    checked: checked
-  }), "\u5168\u90E8"));
-});
+  if (!allSelect || mode !== "multiple" || serviceSearch) {
+    return jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: children
+    });
+  }
+  return jsxRuntime.jsxs("div", {
+    className: allCheckBox,
+    children: [jsxRuntime.jsx("div", {
+      className: optionsClassName,
+      onClick: change,
+      children: jsxRuntime.jsxs(antd.Space, {
+        children: [jsxRuntime.jsx(antd.Checkbox, {
+          checked: checked
+        }), "\u5168\u90E8"]
+      })
+    }), children]
+  });
+};
 
-exports.default = AllSelect;
+exports.default = Index;
 // powered by h

package/lib/Select/components/CheckBoxOption.js

@@ -2,15 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
-var React = require('react');
 
 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 jsxRuntime.jsxs(antd.Space, {
+    children: [jsxRuntime.jsx(antd.Checkbox, {
+      checked: checked
+    }), label]
+  });
 });
 
 exports.default = CheckBoxOption;