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

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("hw-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;

package/lib/Select/components/DropdownComponent.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
 var NotFoundContent = require('./NotFoundContent.js');
 
@@ -16,26 +16,31 @@ 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, {
+    return jsxRuntime.jsx(antd.Row, {
       style: {
         height: 125
       },
       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...")));
+      align: "middle",
+      children: jsxRuntime.jsxs(antd.Space, {
+        direction: "vertical",
+        align: "center",
+        children: [jsxRuntime.jsx(antd.Spin, {}), jsxRuntime.jsx(Text, {
+          type: "secondary",
+          children: "\u62FC\u547D\u52A0\u8F7D\u4E2D..."
+        })]
+      })
+    });
   }
   if (error && len === 0) {
-    return /*#__PURE__*/React.createElement(NotFoundContent.default, {
+    return jsxRuntime.jsx(NotFoundContent.default, {
       error: error,
       reload: reload
     });
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: children
+  });
 };
 
 exports.default = Index;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IProps {
     label: string;
 }

package/lib/Select/components/NoFindItem.js

@@ -2,14 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
 
 var NoFindItem = (function (_ref) {
   var label = _ref.label;
-  return /*#__PURE__*/React.createElement(antd.Typography.Text, {
-    type: "danger"
-  }, label);
+  return jsxRuntime.jsx(antd.Typography.Text, {
+    type: "danger",
+    children: label
+  });
 });
 
 exports.default = NoFindItem;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IProps {
     error?: Error;
     reload: VoidFunction;

package/lib/Select/components/NotFoundContent.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
 var icons = require('@ant-design/icons');
 
@@ -11,30 +11,33 @@ var NotFoundContent = (function (_ref) {
   var error = _ref.error,
     reload = _ref.reload;
   if (error) {
-    return /*#__PURE__*/React.createElement(antd.Row, {
+    return jsxRuntime.jsx(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, {
-      style: {
-        fontSize: 24
-      }
-    })), /*#__PURE__*/React.createElement(Text, {
-      type: "danger"
-    }, error.message), /*#__PURE__*/React.createElement(antd.Button, {
-      type: "primary",
-      size: "small",
-      onClick: reload
-    }, "\u91CD\u65B0\u52A0\u8F7D")));
+      },
+      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.message
+        }), jsxRuntime.jsx(antd.Button, {
+          type: "primary",
+          size: "small",
+          onClick: reload,
+          children: "\u91CD\u65B0\u52A0\u8F7D"
+        })]
+      })
+    });
   }
-  return /*#__PURE__*/React.createElement(antd.Empty, {
+  return jsxRuntime.jsx(antd.Empty, {
     image: antd.Empty.PRESENTED_IMAGE_SIMPLE
   });
 });

package/lib/Select/defaultConfig.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { HSelectProps } from "@/components/Select/modal";
 export declare const defaultModeConfig: HSelectProps["modeConfig"];
 export declare const defaultSelectConfig: {

package/lib/Select/defaultConfig.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var React = require('react');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
 var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/index-of');
+var jsxRuntime = require('react/jsx-runtime');
 var CheckBoxOption = require('./components/CheckBoxOption.js');
 var NoFindItem = require('./components/NoFindItem.js');
 
@@ -15,7 +15,7 @@ var defaultModeConfig = {
       });
       var newVal = checkVal || [];
       var checked = _indexOfInstanceProperty(newVal).call(newVal, item.value) !== -1;
-      return /*#__PURE__*/React.createElement(CheckBoxOption.default, {
+      return jsxRuntime.jsx(CheckBoxOption.default, {
         label: item.label,
         checked: checked
       });
@@ -24,7 +24,7 @@ var defaultModeConfig = {
 };
 var defaultSelectConfig = {
   noMatchItemRender: function noMatchItemRender() {
-    return /*#__PURE__*/React.createElement(NoFindItem.default, {
+    return jsxRuntime.jsx(NoFindItem.default, {
       label: "选项被删除，请重新选择"
     });
   }

package/lib/Select/hooks/changeHooks.js

@@ -16,7 +16,6 @@ var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map'
 var _Array$isArray = require('@babel/runtime-corejs3/core-js/array/is-array');
 var React = require('react');
 var utils = require('../utils.js');
-var config = require('../../config.js');
 
 var _excluded = ["index"],
   _excluded2 = ["index"];
@@ -157,7 +156,7 @@ var useValueChange = function useValueChange(params) {
     mode = params.mode,
     noMatchItemRender = params.noMatchItemRender,
     _params$fieldNames = params.fieldNames,
-    fieldNames = _params$fieldNames === void 0 ? config.baseConfig.defaultFieldNames : _params$fieldNames;
+    fieldNames = _params$fieldNames === void 0 ? {} : _params$fieldNames;
   var _useState = React.useState(),
     _useState2 = _slicedToArray(_useState, 2),
     val = _useState2[0],
@@ -180,6 +179,10 @@ var useValueChange = function useValueChange(params) {
     onChange(newChangeVal, subItemOps);
   };
   React.useEffect(function () {
+    if (mode === "tags" || value === null || value === undefined) {
+      setVal(value);
+      return;
+    }
     if (options && value) {
       setVal(function (oldVale) {
         return matchNotFind(params, oldVale);

package/lib/Select/hooks/norHooks.d.ts

@@ -1,9 +1,16 @@
 import type { OptionType, PartialHSelectProps } from "@/components/Select/modal";
-export declare const useOptionReq: ({ manual, request, options, serviceSearch, }: PartialHSelectProps) => {
-    run: (params?: any, type?: any) => Promise<OptionType[] | undefined>;
+interface ParamsModal {
+    options?: OptionType[];
+    params?: any;
+}
+export declare const useOptionReq: ({ manual, request, options, serviceSearch, showSearch, onSearch: propsOnSearch, dispatch, }: PartialHSelectProps) => {
+    run: (requestParams?: any) => Promise<OptionType[] | undefined>;
     loading: boolean;
     error: Error | undefined;
     data: OptionType[] | undefined;
-    onSearch: (inputValue: string) => void;
+    onSearch: ((value: string) => void) | undefined;
+    mathShowSearch: boolean | undefined;
+    reload: ({ options: changeOpts, params }: ParamsModal) => void | Promise<OptionType[] | undefined>;
 };
 export declare const useFilterOption: ({ filterOption, serviceSearch, }: PartialHSelectProps) => boolean | import("rc-select/lib/Select").FilterFunc<import("rc-select/lib/Select").DefaultOptionType> | undefined;
+export {};

package/lib/Select/hooks/norHooks.js

@@ -3,45 +3,60 @@
 var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
+var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/values');
 var _Promise = require('@babel/runtime-corejs3/core-js/promise');
 var React = require('react');
 var ahooks = require('ahooks');
+var index = require('../../Form/Context/index.js');
 
 var useOptionReq = function useOptionReq(_ref) {
   var manual = _ref.manual,
     request = _ref.request,
     options = _ref.options,
-    serviceSearch = _ref.serviceSearch;
+    serviceSearch = _ref.serviceSearch,
+    showSearch = _ref.showSearch,
+    propsOnSearch = _ref.onSearch,
+    _ref$dispatch = _ref.dispatch,
+    dispatch = _ref$dispatch === void 0 ? {} : _ref$dispatch;
+  var dispatchManual = dispatch.manual;
+  var _useFormContext = index.useFormContext(),
+    form = _useFormContext.form;
   var _useState = React.useState(),
     _useState2 = _slicedToArray(_useState, 2),
     data = _useState2[0],
     setData = _useState2[1];
   var _useRequest = ahooks.useRequest( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var params,
+      var requestParams,
+        _requestParams$params,
+        params,
+        values,
+        _requestParams$type,
         type,
+        formData,
         _args = arguments;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            params = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};
-            type = _args.length > 1 && _args[1] !== undefined ? _args[1] : "init";
+            requestParams = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};
+            _requestParams$params = requestParams.params, params = _requestParams$params === void 0 ? {} : _requestParams$params, values = _valuesInstanceProperty(requestParams), _requestParams$type = requestParams.type, type = _requestParams$type === void 0 ? "init" : _requestParams$type;
+            formData = values || (form === null || form === void 0 ? void 0 : form.getFieldsValue());
             if (type === "init") {
               setData(undefined);
             }
             if (!request) {
-              _context.next = 5;
+              _context.next = 6;
               break;
             }
-            return _context.abrupt("return", request(params));
-          case 5:
-            return _context.abrupt("return", _Promise.resolve(options));
+            return _context.abrupt("return", request(params, formData));
           case 6:
+            return _context.abrupt("return", _Promise.resolve(options));
+          case 7:
           case "end":
             return _context.stop();
         }
       }, _callee);
     })), {
-      manual: manual,
+      manual: dispatchManual === false ? true : manual,
       debounceInterval: 300,
       onSuccess: function onSuccess(resultData) {
         setData(resultData);
@@ -50,25 +65,46 @@ var useOptionReq = function useOptionReq(_ref) {
     run = _useRequest.run,
     loading = _useRequest.loading,
     error = _useRequest.error;
+  var reload = function reload(_ref3) {
+    var changeOpts = _ref3.options,
+      params = _ref3.params;
+    if (changeOpts) {
+      return setData(changeOpts);
+    }
+    return run({
+      params: params
+    });
+  };
   var onSearch = function onSearch(inputValue) {
     if (!serviceSearch) {
+      propsOnSearch === null || propsOnSearch === void 0 ? void 0 : propsOnSearch(inputValue);
       return;
     }
     run({
-      inputValue: inputValue
+      params: {
+        inputValue: inputValue
+      }
     });
   };
+  React.useEffect(function () {
+    if (options) {
+      setData(options);
+    }
+  }, [options]);
+  var mathShowSearch = showSearch || serviceSearch;
   return {
     run: run,
     loading: loading,
     error: error,
     data: data,
-    onSearch: onSearch
+    onSearch: mathShowSearch ? onSearch : propsOnSearch,
+    mathShowSearch: showSearch || serviceSearch,
+    reload: reload
   };
 };
-var useFilterOption = function useFilterOption(_ref3) {
-  var filterOption = _ref3.filterOption,
-    serviceSearch = _ref3.serviceSearch;
+var useFilterOption = function useFilterOption(_ref4) {
+  var filterOption = _ref4.filterOption,
+    serviceSearch = _ref4.serviceSearch;
   if (serviceSearch) {
     return function () {
       return true;

package/lib/Select/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import type { HSelectProps } from "./modal";
-declare const _default: ({ style, mode, options, modeConfig, value, onChange, fieldNames, request, manual, optionLabelProp, filterProvider, optionFilterProp, serviceSearch, onSearch: propsOnSearch, filterOption, showSearch, labelInValue, noMatchItemRender, allSelect, ...props }: HSelectProps) => JSX.Element;
+import React from "react";
+declare const _default: React.ForwardRefExoticComponent<import("../Form/modal").HFormItemProps & React.RefAttributes<any>>;
 export default _default;