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

package/es/DialogForm/DrawerForm/index.d.ts

@@ -1,3 +1,3 @@
 import type { DialogFormProps } from "../modal";
-declare const _default: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, closable, initialValues, labelWidth, onOk, onFinish, size, form, footer, params, ...props }: DialogFormProps) => JSX.Element;
+declare const _default: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, closable, initialValues, labelWidth, onOk, onFinish, size, form, footer, params, onValuesChange, ...props }: DialogFormProps) => JSX.Element;
 export default _default;

package/es/DialogForm/DrawerForm/index.js

@@ -18,7 +18,7 @@ import HForm from '../../Form/index.js';
 import Title from './Title.js';
 import Footer from './Footer.js';
 
-var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "dialogForm", "closable", "initialValues", "labelWidth", "onOk", "onFinish", "size", "form", "footer", "params"];
+var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "dialogForm", "closable", "initialValues", "labelWidth", "onOk", "onFinish", "size", "form", "footer", "params", "onValuesChange"];
 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 _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; }
 var DrawerForm = (function (_ref) {
@@ -41,6 +41,7 @@ var DrawerForm = (function (_ref) {
     _ref.form;
     var footer = _ref.footer,
     params = _ref.params,
+    onValuesChange = _ref.onValuesChange,
     props = _objectWithoutProperties(_ref, _excluded);
   var currentForm = useCurrentForm(dialogForm);
   var _useModifyProps = useModifyProps({
@@ -93,7 +94,8 @@ var DrawerForm = (function (_ref) {
     footer: footerComponent(),
     children: jsx(HForm, _objectSpread(_objectSpread({
       configData: modalFormData,
-      initialValues: initValue
+      initialValues: initValue,
+      onValuesChange: onValuesChange
     }, props), {}, {
       form: currentForm,
       params: formParams,

package/es/DialogForm/ModalForm.d.ts

@@ -1,3 +1,3 @@
 import type { DialogFormProps } from "./modal";
-declare const _default: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, initialValues, onFinish, params, onOk, ...props }: DialogFormProps) => JSX.Element;
+declare const _default: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, initialValues, onFinish, params, onOk, onValuesChange, ...props }: DialogFormProps) => JSX.Element;
 export default _default;

package/es/DialogForm/ModalForm.js

@@ -16,7 +16,7 @@ import { Modal } from 'antd';
 import HForm from '../Form/index.js';
 import { useCurrentForm, useModifyProps, useSub } from './hooks.js';
 
-var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "dialogForm", "initialValues", "onFinish", "params", "onOk"];
+var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "dialogForm", "initialValues", "onFinish", "params", "onOk", "onValuesChange"];
 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 _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; }
 var ModalForm = (function (_ref) {
@@ -33,6 +33,7 @@ var ModalForm = (function (_ref) {
     onFinish = _ref.onFinish,
     params = _ref.params,
     onOk = _ref.onOk,
+    onValuesChange = _ref.onValuesChange,
     props = _objectWithoutProperties(_ref, _excluded);
   var currentForm = useCurrentForm(dialogForm);
   var _useModifyProps = useModifyProps({
@@ -74,6 +75,7 @@ var ModalForm = (function (_ref) {
     children: jsx(HForm, _objectSpread(_objectSpread({
       configData: modalFormData,
       initialValues: initValue,
+      onValuesChange: onValuesChange,
       onFinish: function () {
         var _onFinish = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, outParams) {
           var result, close;

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

@@ -1,4 +1,8 @@
 import type { OptionType, PartialHSelectProps } from "@/components/Select/modal";
+interface ParamsModal {
+    options?: OptionType[];
+    params?: any;
+}
 export declare const useOptionReq: ({ manual, request, options, serviceSearch, showSearch, onSearch: propsOnSearch, }: PartialHSelectProps) => {
     run: (params?: any, type?: any) => Promise<OptionType[] | undefined>;
     loading: boolean;
@@ -6,5 +10,7 @@ export declare const useOptionReq: ({ manual, request, options, serviceSearch, s
     data: OptionType[] | undefined;
     onSearch: ((value: string) => void) | undefined;
     mathShowSearch: boolean | undefined;
+    reload: ({ options: changeOpts, params: requestParams }: 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/es/Select/hooks/norHooks.js

@@ -3,7 +3,7 @@ import _asyncToGenerator from '@babel/runtime-corejs3/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
 import _Promise from '@babel/runtime-corejs3/core-js/promise';
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { useRequest } from 'ahooks';
 
 var useOptionReq = function useOptionReq(_ref) {
@@ -51,6 +51,14 @@ var useOptionReq = function useOptionReq(_ref) {
     run = _useRequest.run,
     loading = _useRequest.loading,
     error = _useRequest.error;
+  var reload = function reload(_ref3) {
+    var changeOpts = _ref3.options,
+      requestParams = _ref3.params;
+    if (changeOpts) {
+      return setData(changeOpts);
+    }
+    return run(requestParams);
+  };
   var onSearch = function onSearch(inputValue) {
     if (!serviceSearch) {
       propsOnSearch === null || propsOnSearch === void 0 ? void 0 : propsOnSearch(inputValue);
@@ -60,6 +68,11 @@ var useOptionReq = function useOptionReq(_ref) {
       inputValue: inputValue
     });
   };
+  useEffect(function () {
+    if (options) {
+      setData(options);
+    }
+  }, [options]);
   var mathShowSearch = showSearch || serviceSearch;
   return {
     run: run,
@@ -67,12 +80,13 @@ var useOptionReq = function useOptionReq(_ref) {
     error: error,
     data: data,
     onSearch: mathShowSearch ? onSearch : propsOnSearch,
-    mathShowSearch: showSearch || serviceSearch
+    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/es/Select/index.d.ts

@@ -1,3 +1,3 @@
-import type { HSelectProps } from "./modal";
-declare const _default: ({ style, mode, options, modeConfig, value, onChange, fieldNames: propsFieldNames, 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/es/Select/index.js

@@ -15,15 +15,16 @@ import { Select } from 'antd';
 import { useFilterOption, useOptionReq } from './hooks/norHooks.js';
 import { useValueChange } from './hooks/changeHooks.js';
 import { defaultModeConfig, defaultSelectConfig } from './defaultConfig.js';
-import Index from './components/DropdownComponent.js';
-import Index$1 from './components/AllSelect.js';
+import Index$1 from './components/DropdownComponent.js';
+import Index$2 from './components/AllSelect.js';
 import { useMatchConfigProps, useChangeOptions } from '../hooks/index.js';
+import HFormConnect from '../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"];
 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 Option = Select.Option;
-var HSelect = (function (_ref) {
+var Index = function Index(_ref) {
   var _ref$style = _ref.style,
     style = _ref$style === void 0 ? {
       width: "100%"
@@ -50,6 +51,7 @@ var HSelect = (function (_ref) {
     _ref$noMatchItemRende = _ref.noMatchItemRender,
     noMatchItemRender = _ref$noMatchItemRende === void 0 ? defaultSelectConfig.noMatchItemRender : _ref$noMatchItemRende,
     allSelect = _ref.allSelect,
+    addDispatchListener = _ref.addDispatchListener,
     props = _objectWithoutProperties(_ref, _excluded);
   var _ref2 = (modeConfig === null || modeConfig === void 0 ? void 0 : modeConfig[mode || ""]) || {},
     icon = _ref2.icon,
@@ -76,7 +78,8 @@ var HSelect = (function (_ref) {
     resultData = _useOptionReq.data,
     error = _useOptionReq.error,
     onSearch = _useOptionReq.onSearch,
-    mathShowSearch = _useOptionReq.mathShowSearch;
+    mathShowSearch = _useOptionReq.mathShowSearch,
+    reload = _useOptionReq.reload;
   var data = useChangeOptions({
     options: resultData,
     fieldNames: fieldNames
@@ -92,6 +95,7 @@ var HSelect = (function (_ref) {
     }),
     val = _useValueChange.val,
     change = _useValueChange.change;
+  addDispatchListener === null || addDispatchListener === void 0 ? void 0 : addDispatchListener("reload", reload);
   return jsx(Select, _objectSpread(_objectSpread({
     style: style,
     mode: mode,
@@ -100,12 +104,12 @@ var HSelect = (function (_ref) {
     onSearch: onSearch,
     onChange: change,
     dropdownRender: function dropdownRender(node) {
-      return jsx(Index, {
+      return jsx(Index$1, {
         loading: loading,
         reload: run,
         error: error,
         options: data,
-        children: jsx(Index$1, {
+        children: jsx(Index$2, {
           allSelect: allSelect,
           options: data,
           mode: mode,
@@ -136,7 +140,8 @@ var HSelect = (function (_ref) {
       }), optionValue);
     })
   }));
-});
+};
+var HSelect = HFormConnect(Index);
 
 export { HSelect as default };
 // powered by hdj

package/es/Select/modal.d.ts

@@ -1,6 +1,7 @@
 import type { SelectProps } from "antd";
 import type React from "react";
 import type { PromiseFnResult } from "../modal";
+import { argsFn } from "@/components/Form/modal";
 export type OptionType = Record<string, any>;
 export type PartialHSelectProps = Partial<HSelectProps>;
 export type RenderFn = (data: OptionType) => React.ReactNode;
@@ -22,6 +23,7 @@ export interface HSelectProps extends Omit<SelectProps, "options"> {
     options?: OptionType[];
     noMatchItemRender?: RenderFn;
     allSelect?: boolean;
+    addDispatchListener?: (key: string, fn: argsFn) => void;
 }
 export interface FilterDataModal {
     value: any;

package/lib/DialogForm/DrawerForm/index.d.ts

@@ -1,3 +1,3 @@
 import type { DialogFormProps } from "../modal";
-declare const _default: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, closable, initialValues, labelWidth, onOk, onFinish, size, form, footer, params, ...props }: DialogFormProps) => JSX.Element;
+declare const _default: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, closable, initialValues, labelWidth, onOk, onFinish, size, form, footer, params, onValuesChange, ...props }: DialogFormProps) => JSX.Element;
 export default _default;

package/lib/DialogForm/DrawerForm/index.js

@@ -21,7 +21,7 @@ var index = require('../../Form/index.js');
 var Title = require('./Title.js');
 var Footer = require('./Footer.js');
 
-var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "dialogForm", "closable", "initialValues", "labelWidth", "onOk", "onFinish", "size", "form", "footer", "params"];
+var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "dialogForm", "closable", "initialValues", "labelWidth", "onOk", "onFinish", "size", "form", "footer", "params", "onValuesChange"];
 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 _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; }
 var DrawerForm = (function (_ref) {
@@ -44,6 +44,7 @@ var DrawerForm = (function (_ref) {
     _ref.form;
     var footer = _ref.footer,
     params = _ref.params,
+    onValuesChange = _ref.onValuesChange,
     props = _objectWithoutProperties(_ref, _excluded);
   var currentForm = hooks.useCurrentForm(dialogForm);
   var _useModifyProps = hooks.useModifyProps({
@@ -96,7 +97,8 @@ var DrawerForm = (function (_ref) {
     footer: footerComponent(),
     children: jsxRuntime.jsx(index.default, _objectSpread(_objectSpread({
       configData: modalFormData,
-      initialValues: initValue
+      initialValues: initValue,
+      onValuesChange: onValuesChange
     }, props), {}, {
       form: currentForm,
       params: formParams,

package/lib/DialogForm/ModalForm.d.ts

@@ -1,3 +1,3 @@
 import type { DialogFormProps } from "./modal";
-declare const _default: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, initialValues, onFinish, params, onOk, ...props }: DialogFormProps) => JSX.Element;
+declare const _default: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, initialValues, onFinish, params, onOk, onValuesChange, ...props }: DialogFormProps) => JSX.Element;
 export default _default;

package/lib/DialogForm/ModalForm.js

@@ -19,7 +19,7 @@ var antd = require('antd');
 var index = require('../Form/index.js');
 var hooks = require('./hooks.js');
 
-var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "dialogForm", "initialValues", "onFinish", "params", "onOk"];
+var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "dialogForm", "initialValues", "onFinish", "params", "onOk", "onValuesChange"];
 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 _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; }
 var ModalForm = (function (_ref) {
@@ -36,6 +36,7 @@ var ModalForm = (function (_ref) {
     onFinish = _ref.onFinish,
     params = _ref.params,
     onOk = _ref.onOk,
+    onValuesChange = _ref.onValuesChange,
     props = _objectWithoutProperties(_ref, _excluded);
   var currentForm = hooks.useCurrentForm(dialogForm);
   var _useModifyProps = hooks.useModifyProps({
@@ -77,6 +78,7 @@ var ModalForm = (function (_ref) {
     children: jsxRuntime.jsx(index.default, _objectSpread(_objectSpread({
       configData: modalFormData,
       initialValues: initValue,
+      onValuesChange: onValuesChange,
       onFinish: function () {
         var _onFinish = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, outParams) {
           var result, close;

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

@@ -1,4 +1,8 @@
 import type { OptionType, PartialHSelectProps } from "@/components/Select/modal";
+interface ParamsModal {
+    options?: OptionType[];
+    params?: any;
+}
 export declare const useOptionReq: ({ manual, request, options, serviceSearch, showSearch, onSearch: propsOnSearch, }: PartialHSelectProps) => {
     run: (params?: any, type?: any) => Promise<OptionType[] | undefined>;
     loading: boolean;
@@ -6,5 +10,7 @@ export declare const useOptionReq: ({ manual, request, options, serviceSearch, s
     data: OptionType[] | undefined;
     onSearch: ((value: string) => void) | undefined;
     mathShowSearch: boolean | undefined;
+    reload: ({ options: changeOpts, params: requestParams }: 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

@@ -52,6 +52,14 @@ var useOptionReq = function useOptionReq(_ref) {
     run = _useRequest.run,
     loading = _useRequest.loading,
     error = _useRequest.error;
+  var reload = function reload(_ref3) {
+    var changeOpts = _ref3.options,
+      requestParams = _ref3.params;
+    if (changeOpts) {
+      return setData(changeOpts);
+    }
+    return run(requestParams);
+  };
   var onSearch = function onSearch(inputValue) {
     if (!serviceSearch) {
       propsOnSearch === null || propsOnSearch === void 0 ? void 0 : propsOnSearch(inputValue);
@@ -61,6 +69,11 @@ var useOptionReq = function useOptionReq(_ref) {
       inputValue: inputValue
     });
   };
+  React.useEffect(function () {
+    if (options) {
+      setData(options);
+    }
+  }, [options]);
   var mathShowSearch = showSearch || serviceSearch;
   return {
     run: run,
@@ -68,12 +81,13 @@ var useOptionReq = function useOptionReq(_ref) {
     error: error,
     data: data,
     onSearch: mathShowSearch ? onSearch : propsOnSearch,
-    mathShowSearch: showSearch || serviceSearch
+    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,3 +1,3 @@
-import type { HSelectProps } from "./modal";
-declare const _default: ({ style, mode, options, modeConfig, value, onChange, fieldNames: propsFieldNames, 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

@@ -21,12 +21,13 @@ var defaultConfig = require('./defaultConfig.js');
 var DropdownComponent = require('./components/DropdownComponent.js');
 var AllSelect = require('./components/AllSelect.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"];
 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 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%"
@@ -53,6 +54,7 @@ var HSelect = (function (_ref) {
     _ref$noMatchItemRende = _ref.noMatchItemRender,
     noMatchItemRender = _ref$noMatchItemRende === void 0 ? defaultConfig.defaultSelectConfig.noMatchItemRender : _ref$noMatchItemRende,
     allSelect = _ref.allSelect,
+    addDispatchListener = _ref.addDispatchListener,
     props = _objectWithoutProperties(_ref, _excluded);
   var _ref2 = (modeConfig === null || modeConfig === void 0 ? void 0 : modeConfig[mode || ""]) || {},
     icon = _ref2.icon,
@@ -79,7 +81,8 @@ var HSelect = (function (_ref) {
     resultData = _useOptionReq.data,
     error = _useOptionReq.error,
     onSearch = _useOptionReq.onSearch,
-    mathShowSearch = _useOptionReq.mathShowSearch;
+    mathShowSearch = _useOptionReq.mathShowSearch,
+    reload = _useOptionReq.reload;
   var data = index.useChangeOptions({
     options: resultData,
     fieldNames: fieldNames
@@ -95,6 +98,7 @@ var HSelect = (function (_ref) {
     }),
     val = _useValueChange.val,
     change = _useValueChange.change;
+  addDispatchListener === null || addDispatchListener === void 0 ? void 0 : addDispatchListener("reload", reload);
   return jsxRuntime.jsx(antd.Select, _objectSpread(_objectSpread({
     style: style,
     mode: mode,
@@ -139,7 +143,8 @@ var HSelect = (function (_ref) {
       }), optionValue);
     })
   }));
-});
+};
+var HSelect = HFormConnect.default(Index);
 
 exports.default = HSelect;
 // powered by h

package/lib/Select/modal.d.ts

@@ -1,6 +1,7 @@
 import type { SelectProps } from "antd";
 import type React from "react";
 import type { PromiseFnResult } from "../modal";
+import { argsFn } from "@/components/Form/modal";
 export type OptionType = Record<string, any>;
 export type PartialHSelectProps = Partial<HSelectProps>;
 export type RenderFn = (data: OptionType) => React.ReactNode;
@@ -22,6 +23,7 @@ export interface HSelectProps extends Omit<SelectProps, "options"> {
     options?: OptionType[];
     noMatchItemRender?: RenderFn;
     allSelect?: boolean;
+    addDispatchListener?: (key: string, fn: argsFn) => void;
 }
 export interface FilterDataModal {
     value: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/form",
-  "version": "0.0.4-beta-v1",
+  "version": "0.0.4-beta-v3",
   "description": "基于antd二次开发",
   "repository": {
     "type": "git",

package/src/components/DialogForm/DrawerForm/index.tsx

@@ -22,6 +22,7 @@ export default ({
   form,
   footer,
   params,
+  onValuesChange,
   ...props
 }: DialogFormProps) => {
   const currentForm = useCurrentForm(dialogForm);
@@ -74,6 +75,7 @@ export default ({
       <HForm
         configData={modalFormData}
         initialValues={initValue}
+        onValuesChange={onValuesChange}
         {...props}
         form={currentForm}
         params={formParams}

package/src/components/DialogForm/ModalForm.tsx

@@ -15,6 +15,7 @@ export default ({
   onFinish,
   params,
   onOk,
+  onValuesChange,
   ...props
 }: DialogFormProps) => {
   const currentForm = useCurrentForm(dialogForm);
@@ -55,6 +56,7 @@ export default ({
       <HForm
         configData={modalFormData}
         initialValues={initValue}
+        onValuesChange={onValuesChange}
         onFinish={async (values, outParams) => {
           const result = await run(values, outParams);
           const close = onOk?.(result, outParams);

package/src/components/Select/hooks/norHooks.ts

@@ -1,10 +1,14 @@
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import type {
   OptionType,
   PartialHSelectProps,
 } from "@/components/Select/modal";
 import { useRequest } from "ahooks";
 
+interface ParamsModal{
+  options?: OptionType[];
+  params?:any;
+}
 export const useOptionReq = ({
   manual,
   request,
@@ -32,6 +36,12 @@ export const useOptionReq = ({
       },
     }
   );
+  const reload=({options:changeOpts,params:requestParams}:ParamsModal)=>{
+     if (changeOpts){
+       return setData(changeOpts);
+     };
+     return  run(requestParams);
+  }
   const onSearch = (inputValue: string) => {
     if (!serviceSearch) {
       propsOnSearch?.(inputValue);
@@ -39,6 +49,11 @@ export const useOptionReq = ({
     }
     run({ inputValue });
   };
+  useEffect(() => {
+    if (options) {
+      setData(options);
+    }
+  }, [options]);
   const mathShowSearch = showSearch || serviceSearch;
   return {
     run,
@@ -47,6 +62,7 @@ export const useOptionReq = ({
     data,
     onSearch: mathShowSearch ? onSearch : propsOnSearch,
     mathShowSearch: showSearch || serviceSearch,
+    reload
   };
 };
 

package/src/components/Select/index.tsx

@@ -7,9 +7,10 @@ import { defaultModeConfig, defaultSelectConfig } from "./defaultConfig";
 import DropdownComponent from "./components/DropdownComponent";
 import AllSelect from "./components/AllSelect";
 import { useChangeOptions, useMatchConfigProps } from "../hooks";
+import HFormConnect from "../Form/HFormConnect";
 const { Option } = Select;
 
-export default ({
+const Index: React.FC<HSelectProps> = ({
   style = { width: "100%" },
   mode,
   options,
@@ -29,8 +30,9 @@ export default ({
   labelInValue,
   noMatchItemRender = defaultSelectConfig.noMatchItemRender,
   allSelect,
+                                         addDispatchListener,
   ...props
-}: HSelectProps) => {
+}) => {
   const { icon, render } = modeConfig?.[mode || ""] || {};
   const { fieldNames } = useMatchConfigProps({ fieldNames: propsFieldNames });
 
@@ -42,6 +44,7 @@ export default ({
     error,
     onSearch,
     mathShowSearch,
+    reload
   } = useOptionReq({
     options,
     manual,
@@ -62,7 +65,7 @@ export default ({
     noMatchItemRender,
     fieldNames,
   });
-
+  addDispatchListener?.("reload",reload);
   return (
     <Select
       style={style}
@@ -118,3 +121,4 @@ export default ({
     </Select>
   );
 };
+export default HFormConnect(Index);

package/src/components/Select/modal.ts

@@ -1,6 +1,7 @@
 import type { SelectProps } from "antd";
 import type React from "react";
 import type { PromiseFnResult } from "../modal";
+import {argsFn} from "@/components/Form/modal";
 export type OptionType = Record<string, any>;
 export type PartialHSelectProps = Partial<HSelectProps>;
 export type RenderFn = (data: OptionType) => React.ReactNode;
@@ -23,6 +24,7 @@ export interface HSelectProps extends Omit<SelectProps, "options"> {
   options?: OptionType[];
   noMatchItemRender?: RenderFn; //没有数据
   allSelect?: boolean; //显示全选
+  addDispatchListener?: (key: string, fn: argsFn) => void;
 }
 export interface FilterDataModal {
   value: any;

package/src/pages/Form/index.tsx

@@ -1,119 +1,136 @@
 import { HForm, HFormConfigProvider, useHForm } from "../../components";
+import { useState } from "react";
 
-const data = [
-  {
-    label: "输入框",
-    name: "name",
-    rules: [
-      () => {
-        return {
-          required: true,
-        };
-      },
-    ],
-  },
-  {
-    label: "数字",
-    name: "sz",
-    type: "inputNumber",
-    rules: [{ required: true }],
-  },
-  {
-    label: "下拉输入框",
-    name: "selectInput",
-    type: "selectInput",
-    rules: [{ required: true }],
-    itemProps: {
-      valueName: {
-        select: "op",
-        input: "opInput",
+const formData = (options) => {
+  return [
+    {
+      label: "输入框",
+      name: "name",
+      rules: [
+        () => {
+          return {
+            required: true,
+          };
+        },
+      ],
+    },
+    {
+      label: "数字",
+      name: "sz",
+      type: "inputNumber",
+      rules: [{ required: true }],
+    },
+    {
+      label: "下拉框",
+      name: "select",
+      type: "select",
+      itemProps: {
+        request: (params={}) => {
+          const {label="123",value=1}=params;
+          return Promise.resolve([{ label, value }]);
+        },
       },
-      selectProps: {
-        options: [{ label: "测试", value: 1 }],
+      rules: [{ required: true }],
+    },
+    {
+      label: "下拉输入框",
+      name: "selectInput",
+      type: "selectInput",
+      rules: [{ required: true }],
+      itemProps: {
+        valueName: {
+          select: "op",
+          input: "opInput",
+        },
+        selectProps: {
+          options: [{ label: "测试", value: 1 }],
+        },
       },
     },
-  },
-  {
-    label: "按钮输入框",
-    name: "buttonInput",
-    type: "buttonInput",
-    children: "点击",
-    rules: [{ required: true }],
-  },
-  {
-    label: "选择",
-    name: "checkboxGroup",
-    type: "checkboxGroup",
-    rules: [{ required: true }],
-    helper: "帮助我",
-    options: [
-      { label: "选择1", value: "check1" },
-      { label: "选择2", value: "check2" },
-    ],
-  },
-  {
-    label: "开关",
-    name: "switch",
-    type: "switch",
-    rules: [{ required: true }],
-  },
-  {
-    label: "时间",
-    name: "datePicker",
-    type: "datePicker",
-    hover: "时间选择",
-    helper: "帮助我",
-    rules: [{ required: true }],
-  },
-  {
-    label: "时间段",
-    name: "rangePicker",
-    type: "rangePicker",
-    helper: "帮助我",
-    rules: [{ required: true }],
-    itemProps: {
-      valueMap: {
-        start: "testStart",
-        end: "testEnd",
+    {
+      label: "按钮输入框",
+      name: "buttonInput",
+      type: "buttonInput",
+      children: "点击",
+      rules: [{ required: true }],
+    },
+    {
+      label: "选择",
+      name: "checkboxGroup",
+      type: "checkboxGroup",
+      rules: [{ required: true }],
+      helper: "帮助我",
+      options: [
+        { label: "选择1", value: "check1" },
+        { label: "选择2", value: "check2" },
+      ],
+    },
+    {
+      label: "开关",
+      name: "switch",
+      type: "switch",
+      rules: [{ required: true }],
+    },
+    {
+      label: "时间",
+      name: "datePicker",
+      type: "datePicker",
+      hover: "时间选择",
+      helper: "帮助我",
+      rules: [{ required: true }],
+    },
+    {
+      label: "时间段",
+      name: "rangePicker",
+      type: "rangePicker",
+      helper: "帮助我",
+      rules: [{ required: true }],
+      itemProps: {
+        valueMap: {
+          start: "testStart",
+          end: "testEnd",
+        },
       },
     },
-  },
-  {
-    label: "时分秒",
-    name: "timePicker",
-    type: "timePicker",
-    rules: [{ required: true }],
-  },
-  {
-    label: "文件",
-    name: "upload",
-    type: "upload",
-    rules: [{ required: true }],
-  },
-  {
-    label: "地址文件",
-    name: "urlUpload",
-    type: "urlUpload",
-    rules: [{ required: true }],
-  },
-  {
-    label: "颜色",
-    name: "colorInput",
-    type: "colorInput",
-  },
-  {
-    label: "测试",
-    type: "test",
-  },
-  {
-    type: "submit",
-  },
-];
+    {
+      label: "时分秒",
+      name: "timePicker",
+      type: "timePicker",
+      rules: [{ required: true }],
+    },
+    {
+      label: "文件",
+      name: "upload",
+      type: "upload",
+      rules: [{ required: true }],
+    },
+    {
+      label: "地址文件",
+      name: "urlUpload",
+      type: "urlUpload",
+      rules: [{ required: true }],
+    },
+    {
+      label: "颜色",
+      name: "colorInput",
+      type: "colorInput",
+    },
+    {
+      label: "测试",
+      type: "test",
+    },
+    {
+      type: "submit",
+    },
+  ];
+};
 const Test = (props) => {
   return <div>ffff</div>;
 };
 export default () => {
   const form = useHForm();
+  const [options, setOptions] = useState([{ label: "1", value: 1 }]);
+
   return (
     <div style={{ overflow: "auto", height: "90vh" }}>
       <HFormConfigProvider
@@ -124,7 +141,7 @@ export default () => {
         }}
       >
         <HForm
-          configData={data}
+          configData={formData(options)}
           labelWidth={200}
           form={form}
           onFinish={(value) => {
@@ -156,6 +173,21 @@ export default () => {
           }}
         />
       </HFormConfigProvider>
+      <div
+        onClick={() => {
+          form.dispatch({
+             name:"select",
+             key:"reload"
+          },{
+             params:{
+               label:"更新",
+               value:2
+             }
+          })
+        }}
+      >
+        点我
+      </div>
     </div>
   );
 };