@hw-component/form 0.0.3-beta-v3 → 0.0.3-beta-v5

package/es/Form/hooks/useInitConfigData.js

@@ -1,5 +1,4 @@
 // welcome to hoo hoo hoo
-import React, { useMemo } from 'react';
 import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
 import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js/object/get-own-property-symbols';
 import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
@@ -13,6 +12,7 @@ import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWitho
 import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js/instance/map';
 import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js/instance/index-of';
+import React, { useMemo } from 'react';
 import FormConfig, { placeholderConfig } from '../config.js';
 
 var _excluded = ["render", "type", "itemProps"],
@@ -83,7 +83,10 @@ var defaultRenderMaker = function defaultRenderMaker(props) {
       form: form
     }));
     if (render) {
-      return render(props, node, form);
+      var resultNode = render(props, node, form);
+      return /*#__PURE__*/React.cloneElement(resultNode, _objectSpread(_objectSpread(_objectSpread({}, componentProps), itemProps), {}, {
+        form: form
+      }));
     }
     return node;
   };

package/es/Form/modal.d.ts

@@ -13,7 +13,7 @@ import type { SelectProps } from "antd";
 import type { RangePickerProps } from "antd/es/date-picker";
 import type { PromiseFnResult, ValueCheckMapModal, ValueSwitchMapModal, DateRangePickerValueMapModal } from "../modal";
 import type { ForwardedRef } from "react";
-type RenderFun = (props: HItemProps, node: React.ReactNode, form: FormInstance) => void;
+type RenderFun = (props: HItemProps, node: React.ReactNode, form: FormInstance) => React.ReactNode;
 type ItemPropsType = HCheckboxProps | HInputProps | HSelectInputProps | HButtonProps | HRadioGroupProps | HSelectProps | ButtonProps | HSwitchProps | HDatePickerProps | HRangePickerProps | HTimePickerProps | TextAreaProps | IUpLoadProps;
 export interface HoverModal {
     text?: string;

package/es/Select/hooks/changeHooks.js

@@ -178,6 +178,10 @@ var useValueChange = function useValueChange(params) {
     onChange(newChangeVal, subItemOps);
   };
   useEffect(function () {
+    if (mode === "tags") {
+      setVal(value);
+      return;
+    }
     if (options && value) {
       setVal(function (oldVale) {
         return matchNotFind(params, oldVale);

package/lib/Form/hooks/useInitConfigData.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
 var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
@@ -16,6 +15,7 @@ var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWit
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
 var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/index-of');
+var React = require('react');
 var config = require('../config.js');
 
 var _excluded = ["render", "type", "itemProps"],
@@ -86,7 +86,10 @@ var defaultRenderMaker = function defaultRenderMaker(props) {
       form: form
     }));
     if (render) {
-      return render(props, node, form);
+      var resultNode = render(props, node, form);
+      return /*#__PURE__*/React.cloneElement(resultNode, _objectSpread(_objectSpread(_objectSpread({}, componentProps), itemProps), {}, {
+        form: form
+      }));
     }
     return node;
   };

package/lib/Form/modal.d.ts

@@ -13,7 +13,7 @@ import type { SelectProps } from "antd";
 import type { RangePickerProps } from "antd/es/date-picker";
 import type { PromiseFnResult, ValueCheckMapModal, ValueSwitchMapModal, DateRangePickerValueMapModal } from "../modal";
 import type { ForwardedRef } from "react";
-type RenderFun = (props: HItemProps, node: React.ReactNode, form: FormInstance) => void;
+type RenderFun = (props: HItemProps, node: React.ReactNode, form: FormInstance) => React.ReactNode;
 type ItemPropsType = HCheckboxProps | HInputProps | HSelectInputProps | HButtonProps | HRadioGroupProps | HSelectProps | ButtonProps | HSwitchProps | HDatePickerProps | HRangePickerProps | HTimePickerProps | TextAreaProps | IUpLoadProps;
 export interface HoverModal {
     text?: string;

package/lib/Select/hooks/changeHooks.js

@@ -179,6 +179,10 @@ var useValueChange = function useValueChange(params) {
     onChange(newChangeVal, subItemOps);
   };
   React.useEffect(function () {
+    if (mode === "tags") {
+      setVal(value);
+      return;
+    }
     if (options && value) {
       setVal(function (oldVale) {
         return matchNotFind(params, oldVale);

package/package.json

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

package/src/components/Form/hooks/useInitConfigData.tsx

@@ -1,4 +1,4 @@
-import { useMemo } from "react";
+import React, { useMemo } from "react";
 import type {
   FormItemWithRender,
   HFormItemProps,
@@ -62,7 +62,8 @@ const defaultRenderMaker = (props: HFormItemProps) => {
       <Component {...componentProps} {...itemProps} form={form} />
     );
     if (render) {
-      return render(props, node, form);
+      const resultNode=render(props, node, form);
+      return React.cloneElement<any>((resultNode as any),{...componentProps,...itemProps,form})
     }
     return node;
   };

package/src/components/Form/modal.ts

@@ -30,7 +30,7 @@ type RenderFun = (
   props: HItemProps,
   node: React.ReactNode,
   form: FormInstance
-) => void;
+) => React.ReactNode;
 type ItemPropsType =
   | HCheckboxProps
   | HInputProps

package/src/components/Select/hooks/changeHooks.tsx

@@ -138,6 +138,10 @@ export const useValueChange = (params: PartialHSelectProps) => {
     onChange(newChangeVal, subItemOps);
   };
   useEffect(() => {
+    if (mode==="tags"){
+      setVal(value);
+      return;
+    }
     if (options && value) {
       setVal((oldVale) => {
         return matchNotFind(params, oldVale);