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

package/es/DialogForm/ModalForm.js

@@ -41,13 +41,15 @@ var ModalForm = (function (_ref) {
       visible: visible,
       initialValues: initialValues,
       dialogForm: currentForm,
-      params: params
+      params: params,
+      title: title
     }),
     modalVisible = _useModifyProps.modalVisible,
     modalFormData = _useModifyProps.modalFormData,
     setModalVisible = _useModifyProps.setModalVisible,
     initValue = _useModifyProps.initValue,
-    formParams = _useModifyProps.formParams;
+    formParams = _useModifyProps.formParams,
+    modalTitle = _useModifyProps.title;
   var cancel = function cancel() {
     if (onCancel) {
       return onCancel === null || onCancel === void 0 ? void 0 : onCancel();
@@ -61,7 +63,7 @@ var ModalForm = (function (_ref) {
     loading = _useSub.loading,
     run = _useSub.run;
   return jsx(Modal, _objectSpread(_objectSpread({
-    title: title,
+    title: modalTitle,
     visible: modalVisible,
     onCancel: cancel,
     confirmLoading: loading,

package/es/DialogForm/hooks.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { DialogFormProps, HDialogFormInstance, ModifyPropsModal } from "./modal";
-export declare const useModifyProps: ({ visible, configData, initialValues, dialogForm, afterClose, params, }: ModifyPropsModal) => {
+export declare const useModifyProps: ({ visible, configData, initialValues, dialogForm, afterClose, params, title }: ModifyPropsModal) => {
     modalFormData: import("../Form/modal").HItemProps[];
     modalVisible: boolean | undefined;
     setModalVisible: import("react").Dispatch<import("react").SetStateAction<boolean | undefined>>;
@@ -9,6 +9,7 @@ export declare const useModifyProps: ({ visible, configData, initialValues, dial
     setInitValue: import("react").Dispatch<import("react").SetStateAction<Record<string, any> | undefined>>;
     onAfterClose: () => void;
     formParams: any;
+    title: string | (string & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (string & import("react").ReactNodeArray) | (string & import("react").ReactPortal) | undefined;
 };
 export declare const useHDialogForm: () => HDialogFormInstance<any, any>;
 export declare const useCurrentForm: (hDialogForm?: HDialogFormInstance) => HDialogFormInstance<any, any>;

package/es/DialogForm/hooks.js

@@ -24,7 +24,8 @@ var useModifyProps = function useModifyProps(_ref) {
     initialValues = _ref.initialValues,
     dialogForm = _ref.dialogForm,
     afterClose = _ref.afterClose,
-    params = _ref.params;
+    params = _ref.params,
+    title = _ref.title;
   var _useState = useState(visible),
     _useState2 = _slicedToArray(_useState, 2),
     modalVisible = _useState2[0],
@@ -41,6 +42,10 @@ var useModifyProps = function useModifyProps(_ref) {
     _useState8 = _slicedToArray(_useState7, 2),
     formParams = _useState8[0],
     setFormParams = _useState8[1];
+  var _useState9 = useState(title),
+    _useState10 = _slicedToArray(_useState9, 2),
+    modalTitle = _useState10[0],
+    setModalTitle = _useState10[1];
   var onAfterClose = function onAfterClose() {
     _setTimeout(function () {
       dialogForm.resetFields();
@@ -56,18 +61,25 @@ var useModifyProps = function useModifyProps(_ref) {
   useEffect(function () {
     setFormParams(params);
   }, [params]);
+  useEffect(function () {
+    setModalTitle(title);
+  }, [title]);
   useEffect(function () {
     dialogForm.show = function () {
       var showParams = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var changeConfigData = showParams.configData,
         changeInitialValues = showParams.initialValues,
-        changeParams = showParams.params;
+        changeParams = showParams.params,
+        changeTitle = showParams.title;
       if (!!changeConfigData) {
         setModalFormData(changeConfigData);
       }
       if (!!changeParams) {
         setFormParams(changeParams);
       }
+      if (!!changeTitle) {
+        setModalTitle(changeTitle);
+      }
       setInitValue(changeInitialValues);
       setModalVisible(true);
     };
@@ -84,7 +96,8 @@ var useModifyProps = function useModifyProps(_ref) {
     initValue: initValue,
     setInitValue: setInitValue,
     onAfterClose: onAfterClose,
-    formParams: formParams
+    formParams: formParams,
+    title: modalTitle
   };
 };
 var useHDialogForm = function useHDialogForm() {

package/es/DialogForm/modal.d.ts

@@ -9,6 +9,7 @@ export interface ModifyPropsModal<P = any> {
     dialogForm: HDialogFormInstance;
     afterClose?: VoidFunction;
     params?: P;
+    title?: DialogFormProps["title"];
 }
 export interface ShowParamsModal<P = any, T = any> {
     configData?: HItemProps[];
@@ -16,6 +17,7 @@ export interface ShowParamsModal<P = any, T = any> {
     initialValues?: Record<string, any>;
     infoRequest?: PromiseFnResult<P, T>;
     params?: P;
+    title?: DialogFormProps["title"];
 }
 export interface HDialogFormInstance<P = any, T = any> extends HFormInstance {
     show: (data?: ShowParamsModal<P, T>) => void;

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

@@ -10,7 +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>;
+    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/modal.d.ts

@@ -1,7 +1,7 @@
 import type { SelectProps } from "antd";
 import type React from "react";
 import type { PromiseFnResult } from "../modal";
-import { argsFn } from "@/components/Form/modal";
+import type { argsFn } from "@/components/Form/modal";
 export type OptionType = Record<string, any>;
 export type PartialHSelectProps = Partial<HSelectProps>;
 export type RenderFn = (data: OptionType) => React.ReactNode;

package/lib/DialogForm/ModalForm.js

@@ -44,13 +44,15 @@ var ModalForm = (function (_ref) {
       visible: visible,
       initialValues: initialValues,
       dialogForm: currentForm,
-      params: params
+      params: params,
+      title: title
     }),
     modalVisible = _useModifyProps.modalVisible,
     modalFormData = _useModifyProps.modalFormData,
     setModalVisible = _useModifyProps.setModalVisible,
     initValue = _useModifyProps.initValue,
-    formParams = _useModifyProps.formParams;
+    formParams = _useModifyProps.formParams,
+    modalTitle = _useModifyProps.title;
   var cancel = function cancel() {
     if (onCancel) {
       return onCancel === null || onCancel === void 0 ? void 0 : onCancel();
@@ -64,7 +66,7 @@ var ModalForm = (function (_ref) {
     loading = _useSub.loading,
     run = _useSub.run;
   return jsxRuntime.jsx(antd.Modal, _objectSpread(_objectSpread({
-    title: title,
+    title: modalTitle,
     visible: modalVisible,
     onCancel: cancel,
     confirmLoading: loading,

package/lib/DialogForm/hooks.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { DialogFormProps, HDialogFormInstance, ModifyPropsModal } from "./modal";
-export declare const useModifyProps: ({ visible, configData, initialValues, dialogForm, afterClose, params, }: ModifyPropsModal) => {
+export declare const useModifyProps: ({ visible, configData, initialValues, dialogForm, afterClose, params, title }: ModifyPropsModal) => {
     modalFormData: import("../Form/modal").HItemProps[];
     modalVisible: boolean | undefined;
     setModalVisible: import("react").Dispatch<import("react").SetStateAction<boolean | undefined>>;
@@ -9,6 +9,7 @@ export declare const useModifyProps: ({ visible, configData, initialValues, dial
     setInitValue: import("react").Dispatch<import("react").SetStateAction<Record<string, any> | undefined>>;
     onAfterClose: () => void;
     formParams: any;
+    title: string | (string & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (string & import("react").ReactNodeArray) | (string & import("react").ReactPortal) | undefined;
 };
 export declare const useHDialogForm: () => HDialogFormInstance<any, any>;
 export declare const useCurrentForm: (hDialogForm?: HDialogFormInstance) => HDialogFormInstance<any, any>;

package/lib/DialogForm/hooks.js

@@ -25,7 +25,8 @@ var useModifyProps = function useModifyProps(_ref) {
     initialValues = _ref.initialValues,
     dialogForm = _ref.dialogForm,
     afterClose = _ref.afterClose,
-    params = _ref.params;
+    params = _ref.params,
+    title = _ref.title;
   var _useState = React.useState(visible),
     _useState2 = _slicedToArray(_useState, 2),
     modalVisible = _useState2[0],
@@ -42,6 +43,10 @@ var useModifyProps = function useModifyProps(_ref) {
     _useState8 = _slicedToArray(_useState7, 2),
     formParams = _useState8[0],
     setFormParams = _useState8[1];
+  var _useState9 = React.useState(title),
+    _useState10 = _slicedToArray(_useState9, 2),
+    modalTitle = _useState10[0],
+    setModalTitle = _useState10[1];
   var onAfterClose = function onAfterClose() {
     _setTimeout(function () {
       dialogForm.resetFields();
@@ -57,18 +62,25 @@ var useModifyProps = function useModifyProps(_ref) {
   React.useEffect(function () {
     setFormParams(params);
   }, [params]);
+  React.useEffect(function () {
+    setModalTitle(title);
+  }, [title]);
   React.useEffect(function () {
     dialogForm.show = function () {
       var showParams = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var changeConfigData = showParams.configData,
         changeInitialValues = showParams.initialValues,
-        changeParams = showParams.params;
+        changeParams = showParams.params,
+        changeTitle = showParams.title;
       if (!!changeConfigData) {
         setModalFormData(changeConfigData);
       }
       if (!!changeParams) {
         setFormParams(changeParams);
       }
+      if (!!changeTitle) {
+        setModalTitle(changeTitle);
+      }
       setInitValue(changeInitialValues);
       setModalVisible(true);
     };
@@ -85,7 +97,8 @@ var useModifyProps = function useModifyProps(_ref) {
     initValue: initValue,
     setInitValue: setInitValue,
     onAfterClose: onAfterClose,
-    formParams: formParams
+    formParams: formParams,
+    title: modalTitle
   };
 };
 var useHDialogForm = function useHDialogForm() {

package/lib/DialogForm/modal.d.ts

@@ -9,6 +9,7 @@ export interface ModifyPropsModal<P = any> {
     dialogForm: HDialogFormInstance;
     afterClose?: VoidFunction;
     params?: P;
+    title?: DialogFormProps["title"];
 }
 export interface ShowParamsModal<P = any, T = any> {
     configData?: HItemProps[];
@@ -16,6 +17,7 @@ export interface ShowParamsModal<P = any, T = any> {
     initialValues?: Record<string, any>;
     infoRequest?: PromiseFnResult<P, T>;
     params?: P;
+    title?: DialogFormProps["title"];
 }
 export interface HDialogFormInstance<P = any, T = any> extends HFormInstance {
     show: (data?: ShowParamsModal<P, T>) => void;

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

@@ -10,7 +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>;
+    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/modal.d.ts

@@ -1,7 +1,7 @@
 import type { SelectProps } from "antd";
 import type React from "react";
 import type { PromiseFnResult } from "../modal";
-import { argsFn } from "@/components/Form/modal";
+import type { argsFn } from "@/components/Form/modal";
 export type OptionType = Record<string, any>;
 export type PartialHSelectProps = Partial<HSelectProps>;
 export type RenderFn = (data: OptionType) => React.ReactNode;

package/package.json

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

package/src/components/DialogForm/ModalForm.tsx

@@ -25,12 +25,14 @@ export default ({
     setModalVisible,
     initValue,
     formParams,
+    title:modalTitle
   } = useModifyProps({
     configData,
     visible,
     initialValues,
     dialogForm: currentForm,
     params,
+    title
   });
   const cancel = () => {
     if (onCancel) {
@@ -41,7 +43,7 @@ export default ({
   const { loading, run } = useSub({ request, onFinish });
   return (
     <Modal
-      title={title}
+      title={modalTitle}
       visible={modalVisible}
       onCancel={cancel}
       confirmLoading={loading}

package/src/components/DialogForm/hooks.ts

@@ -14,11 +14,13 @@ export const useModifyProps = ({
   dialogForm,
   afterClose,
   params,
+  title
 }: ModifyPropsModal) => {
   const [modalVisible, setModalVisible] = useState(visible);
   const [modalFormData, setModalFormData] = useState(configData);
   const [initValue, setInitValue] = useState(initialValues);
   const [formParams, setFormParams] = useState(params);
+  const [modalTitle,setModalTitle]=useState(title)
   const onAfterClose = () => {
     setTimeout(() => {
       dialogForm.resetFields();
@@ -36,13 +38,16 @@ export const useModifyProps = ({
   useEffect(() => {
     setFormParams(params);
   }, [params]);
-
+  useEffect(() => {
+    setModalTitle(title);
+  }, [title]);
   useEffect(() => {
     dialogForm.show = (showParams = {}) => {
       const {
         configData: changeConfigData,
         initialValues: changeInitialValues,
         params: changeParams,
+        title:changeTitle
       } = showParams;
       if (!!changeConfigData) {
         setModalFormData(changeConfigData);
@@ -50,6 +55,9 @@ export const useModifyProps = ({
       if (!!changeParams) {
         setFormParams(changeParams);
       }
+      if (!!changeTitle){
+        setModalTitle(changeTitle);
+      }
       setInitValue(changeInitialValues);
       setModalVisible(true);
     };
@@ -67,6 +75,7 @@ export const useModifyProps = ({
     setInitValue,
     onAfterClose,
     formParams,
+    title:modalTitle
   };
 };
 export const useHDialogForm = () => {

package/src/components/DialogForm/modal.ts

@@ -11,6 +11,7 @@ export interface ModifyPropsModal<P = any> {
   dialogForm: HDialogFormInstance;
   afterClose?: VoidFunction;
   params?: P;
+  title?:DialogFormProps["title"];
 }
 export interface ShowParamsModal<P = any, T = any> {
   configData?: HItemProps[];
@@ -18,6 +19,7 @@ export interface ShowParamsModal<P = any, T = any> {
   initialValues?: Record<string, any>;
   infoRequest?: PromiseFnResult<P, T>;
   params?: P;
+  title?:DialogFormProps["title"];
 }
 
 export interface HDialogFormInstance<P = any, T = any> extends HFormInstance {

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

@@ -5,9 +5,9 @@ import type {
 } from "@/components/Select/modal";
 import { useRequest } from "ahooks";
 
-interface ParamsModal{
+interface ParamsModal {
   options?: OptionType[];
-  params?:any;
+  params?: any;
 }
 export const useOptionReq = ({
   manual,
@@ -36,12 +36,15 @@ export const useOptionReq = ({
       },
     }
   );
-  const reload=({options:changeOpts,params:requestParams}:ParamsModal)=>{
-     if (changeOpts){
-       return setData(changeOpts);
-     };
-     return  run(requestParams);
-  }
+  const reload = ({
+    options: changeOpts,
+    params: requestParams,
+  }: ParamsModal) => {
+    if (changeOpts) {
+      return setData(changeOpts);
+    }
+    return run(requestParams);
+  };
   const onSearch = (inputValue: string) => {
     if (!serviceSearch) {
       propsOnSearch?.(inputValue);
@@ -62,7 +65,7 @@ export const useOptionReq = ({
     data,
     onSearch: mathShowSearch ? onSearch : propsOnSearch,
     mathShowSearch: showSearch || serviceSearch,
-    reload
+    reload,
   };
 };
 

package/src/components/Select/index.tsx

@@ -30,7 +30,7 @@ const Index: React.FC<HSelectProps> = ({
   labelInValue,
   noMatchItemRender = defaultSelectConfig.noMatchItemRender,
   allSelect,
-                                         addDispatchListener,
+  addDispatchListener,
   ...props
 }) => {
   const { icon, render } = modeConfig?.[mode || ""] || {};
@@ -44,7 +44,7 @@ const Index: React.FC<HSelectProps> = ({
     error,
     onSearch,
     mathShowSearch,
-    reload
+    reload,
   } = useOptionReq({
     options,
     manual,
@@ -65,7 +65,7 @@ const Index: React.FC<HSelectProps> = ({
     noMatchItemRender,
     fieldNames,
   });
-  addDispatchListener?.("reload",reload);
+  addDispatchListener?.("reload", reload);
   return (
     <Select
       style={style}

package/src/components/Select/modal.ts

@@ -1,7 +1,7 @@
 import type { SelectProps } from "antd";
 import type React from "react";
 import type { PromiseFnResult } from "../modal";
-import {argsFn} from "@/components/Form/modal";
+import type { argsFn } from "@/components/Form/modal";
 export type OptionType = Record<string, any>;
 export type PartialHSelectProps = Partial<HSelectProps>;
 export type RenderFn = (data: OptionType) => React.ReactNode;

package/src/pages/Form/index.tsx

@@ -25,8 +25,8 @@ const formData = (options) => {
       name: "select",
       type: "select",
       itemProps: {
-        request: (params={}) => {
-          const {label="123",value=1}=params;
+        request: (params = {}) => {
+          const { label = "123", value = 1 } = params;
           return Promise.resolve([{ label, value }]);
         },
       },
@@ -175,15 +175,18 @@ export default () => {
       </HFormConfigProvider>
       <div
         onClick={() => {
-          form.dispatch({
-             name:"select",
-             key:"reload"
-          },{
-             params:{
-               label:"更新",
-               value:2
-             }
-          })
+          form.dispatch(
+            {
+              name: "select",
+              key: "reload",
+            },
+            {
+              params: {
+                label: "更新",
+                value: 2,
+              },
+            }
+          );
         }}
       >
         点我