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

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');
+require('core-js/modules/es6.array.map.js');
+require('core-js/modules/es6.array.index-of.js');
+var jsxRuntime = require('react/jsx-runtime');
 var CheckBoxOption = require('./components/CheckBoxOption.js');
 var NoFindItem = require('./components/NoFindItem.js');
 
@@ -10,12 +10,12 @@ var defaultModeConfig = {
   multiple: {
     icon: null,
     render: function render(item, value) {
-      var checkVal = value === null || value === void 0 ? void 0 : _mapInstanceProperty(value).call(value, function (itemVal) {
+      var checkVal = value === null || value === void 0 ? void 0 : value.map(function (itemVal) {
         return itemVal.value;
       });
       var newVal = checkVal || [];
-      var checked = _indexOfInstanceProperty(newVal).call(newVal, item.value) !== -1;
-      return /*#__PURE__*/React.createElement(CheckBoxOption.default, {
+      var checked = newVal.indexOf(item.value) !== -1;
+      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

@@ -1,33 +1,32 @@
 'use strict';
 
-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 _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 _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
-var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
-var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-var _findIndexInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/find-index');
-var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
-var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
-var _Array$isArray = require('@babel/runtime-corejs3/core-js/array/is-array');
+require('core-js/modules/es6.object.keys.js');
+require('core-js/modules/es6.symbol.js');
+require('core-js/modules/es6.array.filter.js');
+require('core-js/modules/es6.object.get-own-property-descriptor.js');
+require('core-js/modules/es7.object.get-own-property-descriptors.js');
+require('core-js/modules/es6.object.define-properties.js');
+require('core-js/modules/es6.object.define-property.js');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/es6.array.find-index.js');
+require('core-js/modules/es6.array.for-each.js');
+require('core-js/modules/es6.array.map.js');
+require('core-js/modules/es6.array.is-array.js');
 var React = require('react');
 var utils = require('../utils.js');
-var config = require('../../config.js');
 
 var _excluded = ["index"],
   _excluded2 = ["index"];
-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 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 single = function single(_ref) {
   var options = _ref.options,
     value = _ref.value,
     noMatchItemRender = _ref.noMatchItemRender;
   var newOptions = options || [];
-  var index = _findIndexInstanceProperty(newOptions).call(newOptions, function (item) {
+  var index = newOptions.findIndex(function (item) {
     return item.value === value;
   });
   if (index !== -1) {
@@ -48,7 +47,7 @@ var findNewValInOldVal = function findNewValInOldVal(val, oldVal) {
   if (!oldVal) {
     return -1;
   }
-  return _findIndexInstanceProperty(oldVal).call(oldVal, function (item) {
+  return oldVal.findIndex(function (item) {
     return item.value === val;
   });
 };
@@ -57,7 +56,7 @@ var sourceDataProvider = function sourceDataProvider(_ref2, oldVal) {
     var value = _ref2.value;
   var oldData = [];
   var newData = [];
-  _forEachInstanceProperty(value).call(value, function (item, i) {
+  value.forEach(function (item, i) {
     var index = findNewValInOldVal(item, oldVal);
     if (index === -1) {
       newData.push({
@@ -78,12 +77,12 @@ var sourceDataProvider = function sourceDataProvider(_ref2, oldVal) {
 };
 var resultProvider = function resultProvider(newData, oldData, value) {
   var newResult = new Array(value.length);
-  _forEachInstanceProperty(oldData).call(oldData, function (item) {
+  oldData.forEach(function (item) {
     var index = item.index,
       val = _objectWithoutProperties(item, _excluded);
     newResult[index] = _objectSpread({}, val);
   });
-  _forEachInstanceProperty(newData).call(newData, function (item) {
+  newData.forEach(function (item) {
     var index = item.index,
       val = _objectWithoutProperties(item, _excluded2);
     newResult[index] = _objectSpread({}, val);
@@ -100,7 +99,7 @@ var multiple = function multiple(_ref3, oldVal) {
     }, oldVal),
     newData = _sourceDataProvider.newData,
     oldData = _sourceDataProvider.oldData;
-  var newMatchVal = _mapInstanceProperty(newData).call(newData, function (item) {
+  var newMatchVal = newData.map(function (item) {
     var itemVal = item.value,
       index = item.index;
     var newItem = single({
@@ -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],
@@ -171,8 +170,8 @@ var useValueChange = function useValueChange(params) {
     if (labelInValue) {
       newChangeVal = changeVal;
     }
-    if (_Array$isArray(changeVal)) {
-      newChangeVal = _mapInstanceProperty(changeVal).call(changeVal, function (item) {
+    if (Array.isArray(changeVal)) {
+      newChangeVal = changeVal.map(function (item) {
         return item.value;
       });
     }
@@ -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

@@ -1,47 +1,64 @@
 'use strict';
 
-var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
-var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
-var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
-var _Promise = require('@babel/runtime-corejs3/core-js/promise');
+var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _regeneratorRuntime = require('@babel/runtime/regenerator');
+require('core-js/modules/es6.object.to-string.js');
+require('core-js/modules/es6.array.iterator.js');
+require('core-js/modules/web.dom.iterable.js');
+require('core-js/modules/es6.promise.js');
 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 = requestParams.values, _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 +67,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 || 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;

package/lib/Select/index.js

@@ -2,22 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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 _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
+require('core-js/modules/es6.object.keys.js');
+require('core-js/modules/es6.symbol.js');
+require('core-js/modules/es6.array.filter.js');
+require('core-js/modules/es6.object.get-own-property-descriptor.js');
+require('core-js/modules/es6.array.for-each.js');
+require('core-js/modules/es7.object.get-own-property-descriptors.js');
+require('core-js/modules/es6.object.define-properties.js');
+require('core-js/modules/es6.object.define-property.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/es6.array.map.js');
+var jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
-var React = require('react');
 var norHooks = require('./hooks/norHooks.js');
 var changeHooks = require('./hooks/changeHooks.js');
 var defaultConfig = require('./defaultConfig.js');
 var DropdownComponent = require('./components/DropdownComponent.js');
 var AllSelect = require('./components/AllSelect.js');
-var useChangeOptions = require('../hooks/useChangeOptions.js');
+var index = require('../hooks/index.js');
+var HFormConnect = require('../Form/HFormConnect.js');
 
-var _excluded = ["style", "mode", "options", "modeConfig", "value", "onChange", "fieldNames", "request", "manual", "optionLabelProp", "filterProvider", "optionFilterProp", "serviceSearch", "onSearch", "filterOption", "showSearch", "labelInValue", "noMatchItemRender", "allSelect"];
+var _excluded = ["style", "mode", "options", "modeConfig", "value", "onChange", "fieldNames", "request", "manual", "optionLabelProp", "filterProvider", "optionFilterProp", "serviceSearch", "onSearch", "filterOption", "showSearch", "labelInValue", "noMatchItemRender", "allSelect", "addDispatchListener", "addFormat", "dispatch"];
+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 Option = antd.Select.Option;
-var HSelect = (function (_ref) {
+var Index = function Index(_ref) {
   var _ref$style = _ref.style,
     style = _ref$style === void 0 ? {
       width: "100%"
@@ -28,14 +38,14 @@ var HSelect = (function (_ref) {
     modeConfig = _ref$modeConfig === void 0 ? defaultConfig.defaultModeConfig : _ref$modeConfig,
     value = _ref.value,
     onChange = _ref.onChange,
-    fieldNames = _ref.fieldNames,
+    propsFieldNames = _ref.fieldNames,
     request = _ref.request,
     manual = _ref.manual,
     _ref$optionLabelProp = _ref.optionLabelProp,
     optionLabelProp = _ref$optionLabelProp === void 0 ? "label" : _ref$optionLabelProp,
     filterProvider = _ref.filterProvider,
     _ref$optionFilterProp = _ref.optionFilterProp,
-    optionFilterProp = _ref$optionFilterProp === void 0 ? "filterlabel" : _ref$optionFilterProp,
+    optionFilterProp = _ref$optionFilterProp === void 0 ? "filterLabel" : _ref$optionFilterProp,
     serviceSearch = _ref.serviceSearch,
     propsOnSearch = _ref.onSearch,
     filterOption = _ref.filterOption,
@@ -44,10 +54,17 @@ var HSelect = (function (_ref) {
     _ref$noMatchItemRende = _ref.noMatchItemRender,
     noMatchItemRender = _ref$noMatchItemRende === void 0 ? defaultConfig.defaultSelectConfig.noMatchItemRender : _ref$noMatchItemRende,
     allSelect = _ref.allSelect,
+    addDispatchListener = _ref.addDispatchListener;
+    _ref.addFormat;
+    var dispatch = _ref.dispatch,
     props = _objectWithoutProperties(_ref, _excluded);
   var _ref2 = (modeConfig === null || modeConfig === void 0 ? void 0 : modeConfig[mode || ""]) || {},
     icon = _ref2.icon,
     render = _ref2.render;
+  var _useMatchConfigProps = index.useMatchConfigProps({
+      fieldNames: propsFieldNames
+    }),
+    fieldNames = _useMatchConfigProps.fieldNames;
   var selfFilterOption = norHooks.useFilterOption({
     filterOption: filterOption,
     serviceSearch: serviceSearch
@@ -57,14 +74,19 @@ var HSelect = (function (_ref) {
       manual: manual,
       fieldNames: fieldNames,
       request: request,
-      serviceSearch: serviceSearch
+      serviceSearch: serviceSearch,
+      showSearch: showSearch,
+      onSearch: propsOnSearch,
+      dispatch: dispatch
     }),
     run = _useOptionReq.run,
     loading = _useOptionReq.loading,
     resultData = _useOptionReq.data,
     error = _useOptionReq.error,
-    onSearch = _useOptionReq.onSearch;
-  var data = useChangeOptions.useChangeOptions({
+    onSearch = _useOptionReq.onSearch,
+    mathShowSearch = _useOptionReq.mathShowSearch,
+    reload = _useOptionReq.reload;
+  var data = index.useChangeOptions({
     options: resultData,
     fieldNames: fieldNames
   });
@@ -79,46 +101,53 @@ var HSelect = (function (_ref) {
     }),
     val = _useValueChange.val,
     change = _useValueChange.change;
-  return /*#__PURE__*/React.createElement(antd.Select, _extends({
+  addDispatchListener === null || addDispatchListener === void 0 || addDispatchListener("reload", reload);
+  return jsxRuntime.jsx(antd.Select, _objectSpread(_objectSpread({
     style: style,
     mode: mode,
     loading: loading,
     value: val,
-    onSearch: propsOnSearch || onSearch,
+    onSearch: onSearch,
     onChange: change,
     dropdownRender: function dropdownRender(node) {
-      return /*#__PURE__*/React.createElement(DropdownComponent.default, {
+      return jsxRuntime.jsx(DropdownComponent.default, {
         loading: loading,
         reload: run,
         error: error,
-        options: data
-      }, /*#__PURE__*/React.createElement(AllSelect.default, {
-        allSelect: allSelect,
         options: data,
-        mode: mode,
-        value: val,
-        onChange: change
-      }), node);
+        children: jsxRuntime.jsx(AllSelect.default, {
+          allSelect: allSelect,
+          options: data,
+          mode: mode,
+          value: val,
+          onChange: change,
+          children: node
+        })
+      });
     },
     optionLabelProp: optionLabelProp,
     menuItemSelectedIcon: icon,
     optionFilterProp: optionFilterProp,
     filterOption: selfFilterOption,
-    showSearch: showSearch,
+    showSearch: mathShowSearch,
     labelInValue: true
-  }, props), data === null || data === void 0 ? void 0 : _mapInstanceProperty(data).call(data, function (item) {
-    var optionValue = item.value,
-      label = item.label;
-    var result = (filterProvider === null || filterProvider === void 0 ? void 0 : filterProvider(item)) || label;
-    var filer = _defineProperty({}, optionFilterProp, result);
-    return /*#__PURE__*/React.createElement(Option, _extends({
-      value: optionValue,
-      key: optionValue,
-      label: label,
-      mode: mode
-    }, filer), render ? render(item, val) : label);
+  }, props), {}, {
+    children: data === null || data === void 0 ? void 0 : data.map(function (item) {
+      var optionValue = item.value,
+        label = item.label;
+      var result = (filterProvider === null || filterProvider === void 0 ? void 0 : filterProvider(item)) || label;
+      var filter = _defineProperty({}, optionFilterProp, result);
+      return jsxRuntime.jsx(Option, _objectSpread(_objectSpread({
+        value: optionValue,
+        label: label,
+        mode: mode
+      }, filter), {}, {
+        children: render ? render(item, val) : label
+      }), optionValue);
+    })
   }));
-});
+};
+var HSelect = HFormConnect.default(Index);
 
 exports.default = HSelect;
 // powered by h

package/lib/Select/modal.d.ts

@@ -1,5 +1,9 @@
 import type { SelectProps } from "antd";
 import type React from "react";
+import type { PromiseFnResult } from "../modal";
+import type { argsFn } from "@/components/Form/modal";
+import type { addFormatItemModal } from "@/components/Form/modal";
+import type { DispatchModal } from "@/components/Form/modal";
 export type OptionType = Record<string, any>;
 export type PartialHSelectProps = Partial<HSelectProps>;
 export type RenderFn = (data: OptionType) => React.ReactNode;
@@ -11,7 +15,7 @@ export interface ModeConfig {
     multiple?: ModeConfigItem;
     tags?: ModeConfigItem;
 }
-export interface HSelectProps extends Omit<SelectProps, "options"> {
+export interface HSelectProps extends Omit<SelectProps, "options" | "placeholder"> {
     style?: React.CSSProperties;
     request?: PromiseFnResult<any, OptionType[]>;
     manual?: boolean;
@@ -21,6 +25,10 @@ export interface HSelectProps extends Omit<SelectProps, "options"> {
     options?: OptionType[];
     noMatchItemRender?: RenderFn;
     allSelect?: boolean;
+    addDispatchListener?: (key: string, fn: argsFn) => void;
+    addFormat?: (format: Record<string, addFormatItemModal>) => void;
+    placeholder?: string;
+    dispatch?: DispatchModal;
 }
 export interface FilterDataModal {
     value: any;