@hw-component/form 1.9.4 → 1.9.6

package/es/Form/FormItem/BasicItem.js

@@ -21,7 +21,7 @@ import { useDefaultRender } from '../hooks/useDefaultRender.js';
 import { useDefaultComponents } from '../hooks/index.js';
 import { useFormConfigContext } from '../Context/FormConfigProvider.js';
 
-var _excluded = ["hover", "labelWidth", "required", "colon", "label", "itemProps", "children", "helper", "hide", "render", "itemSpan", "hideLabel", "labelAlign", "style", "className", "noStyle"],
+var _excluded = ["hover", "labelWidth", "required", "colon", "label", "itemProps", "children", "helper", "hide", "render", "itemSpan", "hideLabel", "labelAlign", "style", "className", "noStyle", "hidden"],
   _excluded2 = ["labelAlign", "itemProps"];
 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; }
@@ -72,6 +72,7 @@ var Index = function Index(props) {
     colClassName = props.className,
     _props$noStyle = props.noStyle,
     noStyle = _props$noStyle === void 0 ? false : _props$noStyle,
+    hidden = props.hidden,
     oProps = _objectWithoutProperties(props, _excluded);
   var _props$labelAlign = props.labelAlign,
     align = _props$labelAlign === void 0 ? "right" : _props$labelAlign,
@@ -92,13 +93,21 @@ var Index = function Index(props) {
     hide: hide,
     form: form
   });
+  var disHide = useHide({
+    hide: hidden,
+    form: form
+  });
   var formItemLabel = useFormItemLabel(form, label);
   var itemHover = useFormItemHover(form, hover);
   if (hideItem) {
     return null;
   }
+  var colStyle = disHide ? {
+    display: "none"
+  } : {};
   return jsx(Col, _objectSpread(_objectSpread({}, itemSpan), {}, {
     className: "".concat(colClassName, " ").concat(itemClassName),
+    style: colStyle,
     children: jsx(Form.Item, _objectSpread(_objectSpread({
       className: className,
       label: !hideLabel && jsx(Index$1, {

package/es/Form/FormItem/UpFormItem.d.ts

@@ -1,3 +1,3 @@
 import type { HFormItemProps } from "../modal";
-declare const _default: ({ shouldUpdate, dependencies, hide, itemSpan, ...props }: HFormItemProps) => JSX.Element;
+declare const _default: ({ shouldUpdate, dependencies, hide, itemSpan, hidden, ...props }: HFormItemProps) => JSX.Element;
 export default _default;

package/es/Form/FormItem/UpFormItem.js

@@ -13,7 +13,7 @@ import { Form } from 'antd';
 import Index from './BasicItem.js';
 import { useShouldUpdate } from './hooks.js';
 
-var _excluded = ["shouldUpdate", "dependencies", "hide", "itemSpan"];
+var _excluded = ["shouldUpdate", "dependencies", "hide", "itemSpan", "hidden"];
 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 Item = Form.Item;
@@ -22,10 +22,12 @@ var UpFormItem = (function (_ref) {
     dependencies = _ref.dependencies,
     hide = _ref.hide,
     itemSpan = _ref.itemSpan,
+    hidden = _ref.hidden,
     props = _objectWithoutProperties(_ref, _excluded);
   var resultShouldUpdate = useShouldUpdate({
     shouldUpdate: shouldUpdate,
-    hide: hide
+    hide: hide,
+    hidden: hidden
   });
   return jsx(Item, {
     shouldUpdate: resultShouldUpdate,
@@ -34,7 +36,8 @@ var UpFormItem = (function (_ref) {
     children: function children() {
       return jsx(Index, _objectSpread({
         hide: hide,
-        itemSpan: itemSpan
+        itemSpan: itemSpan,
+        hidden: hidden
       }, props));
     }
   });

package/es/Form/FormItem/hooks.d.ts

@@ -2,11 +2,11 @@ import type React from "react";
 import type { HFormInstance, HItemProps, HoverFn, HoverModal } from "../modal";
 import type { LabelAlignModal } from "../modal";
 import type { HelperModal } from "../modal";
-export declare const useFormItemDomControl: ({ shouldUpdate, hide, dependencies, }: HItemProps) => ({ shouldUpdate, dependencies, hide, itemSpan, ...props }: import("../modal").HFormItemProps) => JSX.Element;
+export declare const useFormItemDomControl: ({ shouldUpdate, hide, dependencies, hidden, }: HItemProps) => ({ shouldUpdate, dependencies, hide, itemSpan, hidden, ...props }: import("../modal").HFormItemProps) => JSX.Element;
 interface UseHideUpItemModal extends Omit<HItemProps, "name"> {
     form: HFormInstance;
 }
-export declare const useShouldUpdate: ({ hide, shouldUpdate, }: Omit<HItemProps, "name">) => import("rc-field-form/lib/Field").ShouldUpdate<any> | undefined;
+export declare const useShouldUpdate: ({ hide, shouldUpdate, hidden }: Omit<HItemProps, "name">) => import("rc-field-form/lib/Field").ShouldUpdate<any> | undefined;
 export declare const useHide: ({ hide, form }: UseHideUpItemModal) => boolean;
 export declare const usePositionClassName: (position: LabelAlignModal) => string;
 export declare const useFormItemLabel: (form: HFormInstance, label?: React.ReactNode | HelperModal) => any;

package/es/Form/FormItem/hooks.js

@@ -7,9 +7,10 @@ import { useClassName } from '../../hooks/index.js';
 var useFormItemDomControl = function useFormItemDomControl(_ref) {
   var shouldUpdate = _ref.shouldUpdate,
     hide = _ref.hide,
-    dependencies = _ref.dependencies;
+    dependencies = _ref.dependencies,
+    hidden = _ref.hidden;
   return useMemo(function () {
-    if (shouldUpdate || typeof hide === "function" || dependencies) {
+    if (shouldUpdate || typeof hide === "function" || dependencies || typeof hidden === "function") {
       return UpFormItem;
     }
     return RegularFormItem;
@@ -17,10 +18,14 @@ var useFormItemDomControl = function useFormItemDomControl(_ref) {
 };
 var useShouldUpdate = function useShouldUpdate(_ref2) {
   var hide = _ref2.hide,
-    shouldUpdate = _ref2.shouldUpdate;
+    shouldUpdate = _ref2.shouldUpdate,
+    hidden = _ref2.hidden;
   if (typeof hide === "function" && !shouldUpdate) {
     return true;
   }
+  if (typeof hidden === "function" && !shouldUpdate) {
+    return true;
+  }
   return shouldUpdate;
 };
 var useHide = function useHide(_ref3) {

package/es/Form/modal.d.ts

@@ -35,7 +35,7 @@ export interface DispatchModal<T = string | string[]> {
     reset?: boolean;
 }
 export type LabelAlignModal = "left" | "right" | "topLeft" | "topRight" | "top";
-export interface HItemProps extends Omit<FormItemProps, "name" | "labelAlign" | "label"> {
+export interface HItemProps extends Omit<FormItemProps, "name" | "labelAlign" | "label" | "hidden"> {
     type?: string;
     itemProps?: ItemPropsType;
     render?: RenderFun;
@@ -50,6 +50,7 @@ export interface HItemProps extends Omit<FormItemProps, "name" | "labelAlign" |
     hideLabel?: boolean;
     labelAlign?: LabelAlignModal;
     label?: React.ReactNode | HelperModal;
+    hidden?: boolean | HideModal;
 }
 export interface HFormProps<T = any, R = any> extends Omit<FormProps, "form" | "onFinish" | "labelAlign"> {
     configData: HItemProps[];

package/lib/Form/FormItem/BasicItem.js

@@ -24,7 +24,7 @@ var useDefaultRender = require('../hooks/useDefaultRender.js');
 var index$1 = require('../hooks/index.js');
 var FormConfigProvider = require('../Context/FormConfigProvider.js');
 
-var _excluded = ["hover", "labelWidth", "required", "colon", "label", "itemProps", "children", "helper", "hide", "render", "itemSpan", "hideLabel", "labelAlign", "style", "className", "noStyle"],
+var _excluded = ["hover", "labelWidth", "required", "colon", "label", "itemProps", "children", "helper", "hide", "render", "itemSpan", "hideLabel", "labelAlign", "style", "className", "noStyle", "hidden"],
   _excluded2 = ["labelAlign", "itemProps"];
 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; }
@@ -75,6 +75,7 @@ var Index = function Index(props) {
     colClassName = props.className,
     _props$noStyle = props.noStyle,
     noStyle = _props$noStyle === void 0 ? false : _props$noStyle,
+    hidden = props.hidden,
     oProps = _objectWithoutProperties(props, _excluded);
   var _props$labelAlign = props.labelAlign,
     align = _props$labelAlign === void 0 ? "right" : _props$labelAlign,
@@ -95,13 +96,21 @@ var Index = function Index(props) {
     hide: hide,
     form: form
   });
+  var disHide = hooks.useHide({
+    hide: hidden,
+    form: form
+  });
   var formItemLabel = hooks.useFormItemLabel(form, label);
   var itemHover = hooks.useFormItemHover(form, hover);
   if (hideItem) {
     return null;
   }
+  var colStyle = disHide ? {
+    display: "none"
+  } : {};
   return jsxRuntime.jsx(antd.Col, _objectSpread(_objectSpread({}, itemSpan), {}, {
     className: "".concat(colClassName, " ").concat(itemClassName),
+    style: colStyle,
     children: jsxRuntime.jsx(antd.Form.Item, _objectSpread(_objectSpread({
       className: className,
       label: !hideLabel && jsxRuntime.jsx(Label.default, {

package/lib/Form/FormItem/UpFormItem.d.ts

@@ -1,3 +1,3 @@
 import type { HFormItemProps } from "../modal";
-declare const _default: ({ shouldUpdate, dependencies, hide, itemSpan, ...props }: HFormItemProps) => JSX.Element;
+declare const _default: ({ shouldUpdate, dependencies, hide, itemSpan, hidden, ...props }: HFormItemProps) => JSX.Element;
 export default _default;

package/lib/Form/FormItem/UpFormItem.js

@@ -16,7 +16,7 @@ var antd = require('antd');
 var BasicItem = require('./BasicItem.js');
 var hooks = require('./hooks.js');
 
-var _excluded = ["shouldUpdate", "dependencies", "hide", "itemSpan"];
+var _excluded = ["shouldUpdate", "dependencies", "hide", "itemSpan", "hidden"];
 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 Item = antd.Form.Item;
@@ -25,10 +25,12 @@ var UpFormItem = (function (_ref) {
     dependencies = _ref.dependencies,
     hide = _ref.hide,
     itemSpan = _ref.itemSpan,
+    hidden = _ref.hidden,
     props = _objectWithoutProperties(_ref, _excluded);
   var resultShouldUpdate = hooks.useShouldUpdate({
     shouldUpdate: shouldUpdate,
-    hide: hide
+    hide: hide,
+    hidden: hidden
   });
   return jsxRuntime.jsx(Item, {
     shouldUpdate: resultShouldUpdate,
@@ -37,7 +39,8 @@ var UpFormItem = (function (_ref) {
     children: function children() {
       return jsxRuntime.jsx(BasicItem.default, _objectSpread({
         hide: hide,
-        itemSpan: itemSpan
+        itemSpan: itemSpan,
+        hidden: hidden
       }, props));
     }
   });

package/lib/Form/FormItem/hooks.d.ts

@@ -2,11 +2,11 @@ import type React from "react";
 import type { HFormInstance, HItemProps, HoverFn, HoverModal } from "../modal";
 import type { LabelAlignModal } from "../modal";
 import type { HelperModal } from "../modal";
-export declare const useFormItemDomControl: ({ shouldUpdate, hide, dependencies, }: HItemProps) => ({ shouldUpdate, dependencies, hide, itemSpan, ...props }: import("../modal").HFormItemProps) => JSX.Element;
+export declare const useFormItemDomControl: ({ shouldUpdate, hide, dependencies, hidden, }: HItemProps) => ({ shouldUpdate, dependencies, hide, itemSpan, hidden, ...props }: import("../modal").HFormItemProps) => JSX.Element;
 interface UseHideUpItemModal extends Omit<HItemProps, "name"> {
     form: HFormInstance;
 }
-export declare const useShouldUpdate: ({ hide, shouldUpdate, }: Omit<HItemProps, "name">) => import("rc-field-form/lib/Field").ShouldUpdate<any> | undefined;
+export declare const useShouldUpdate: ({ hide, shouldUpdate, hidden }: Omit<HItemProps, "name">) => import("rc-field-form/lib/Field").ShouldUpdate<any> | undefined;
 export declare const useHide: ({ hide, form }: UseHideUpItemModal) => boolean;
 export declare const usePositionClassName: (position: LabelAlignModal) => string;
 export declare const useFormItemLabel: (form: HFormInstance, label?: React.ReactNode | HelperModal) => any;

package/lib/Form/FormItem/hooks.js

@@ -8,9 +8,10 @@ var index = require('../../hooks/index.js');
 var useFormItemDomControl = function useFormItemDomControl(_ref) {
   var shouldUpdate = _ref.shouldUpdate,
     hide = _ref.hide,
-    dependencies = _ref.dependencies;
+    dependencies = _ref.dependencies,
+    hidden = _ref.hidden;
   return React.useMemo(function () {
-    if (shouldUpdate || typeof hide === "function" || dependencies) {
+    if (shouldUpdate || typeof hide === "function" || dependencies || typeof hidden === "function") {
       return UpFormItem.default;
     }
     return RegularFormItem.default;
@@ -18,10 +19,14 @@ var useFormItemDomControl = function useFormItemDomControl(_ref) {
 };
 var useShouldUpdate = function useShouldUpdate(_ref2) {
   var hide = _ref2.hide,
-    shouldUpdate = _ref2.shouldUpdate;
+    shouldUpdate = _ref2.shouldUpdate,
+    hidden = _ref2.hidden;
   if (typeof hide === "function" && !shouldUpdate) {
     return true;
   }
+  if (typeof hidden === "function" && !shouldUpdate) {
+    return true;
+  }
   return shouldUpdate;
 };
 var useHide = function useHide(_ref3) {

package/lib/Form/modal.d.ts

@@ -35,7 +35,7 @@ export interface DispatchModal<T = string | string[]> {
     reset?: boolean;
 }
 export type LabelAlignModal = "left" | "right" | "topLeft" | "topRight" | "top";
-export interface HItemProps extends Omit<FormItemProps, "name" | "labelAlign" | "label"> {
+export interface HItemProps extends Omit<FormItemProps, "name" | "labelAlign" | "label" | "hidden"> {
     type?: string;
     itemProps?: ItemPropsType;
     render?: RenderFun;
@@ -50,6 +50,7 @@ export interface HItemProps extends Omit<FormItemProps, "name" | "labelAlign" |
     hideLabel?: boolean;
     labelAlign?: LabelAlignModal;
     label?: React.ReactNode | HelperModal;
+    hidden?: boolean | HideModal;
 }
 export interface HFormProps<T = any, R = any> extends Omit<FormProps, "form" | "onFinish" | "labelAlign"> {
     configData: HItemProps[];

package/package.json

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

package/src/components/Form/FormItem/BasicItem.tsx

@@ -54,6 +54,7 @@ const Index: React.FC<HFormItemProps> = (props) => {
     style,
     className: colClassName,
     noStyle = false,
+    hidden,
     ...oProps
   } = props;
   const { labelAlign: align = "right", itemProps, ...inProps } = props;
@@ -72,13 +73,18 @@ const Index: React.FC<HFormItemProps> = (props) => {
   );
   const className = usePositionClassName(align);
   const hideItem = useHide({ hide, form });
+  const disHide=useHide({hide:hidden,form});
   const formItemLabel = useFormItemLabel(form, label);
   const itemHover = useFormItemHover(form, hover);
   if (hideItem) {
     return null;
   }
+  const colStyle=disHide?{display:"none"}:{};
   return (
-    <Col {...itemSpan} className={`${colClassName} ${itemClassName}`}>
+    <Col {...itemSpan}
+         className={`${colClassName} ${itemClassName}`}
+         style={colStyle}
+    >
       <Form.Item
         className={className}
         label={

package/src/components/Form/FormItem/UpFormItem.tsx

@@ -8,13 +8,14 @@ export default ({
   dependencies,
   hide,
   itemSpan,
+  hidden,
   ...props
 }: HFormItemProps) => {
-  const resultShouldUpdate = useShouldUpdate({ shouldUpdate, hide });
+  const resultShouldUpdate = useShouldUpdate({ shouldUpdate, hide,hidden });
   return (
     <Item shouldUpdate={resultShouldUpdate} dependencies={dependencies} noStyle>
       {() => {
-        return <BasicItem hide={hide} itemSpan={itemSpan} {...props} />;
+        return <BasicItem hide={hide} itemSpan={itemSpan} hidden={hidden} {...props} />;
       }}
     </Item>
   );

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

@@ -11,9 +11,10 @@ export const useFormItemDomControl = ({
   shouldUpdate,
   hide,
   dependencies,
+  hidden,
 }: HItemProps) => {
   return useMemo(() => {
-    if (shouldUpdate || typeof hide === "function" || dependencies) {
+    if (shouldUpdate || typeof hide === "function" || dependencies||typeof hidden === "function" ) {
       return UpFormItem;
     }
     return RegularFormItem;
@@ -26,10 +27,14 @@ interface UseHideUpItemModal extends Omit<HItemProps, "name"> {
 export const useShouldUpdate = ({
   hide,
   shouldUpdate,
+  hidden
 }: Omit<HItemProps, "name">) => {
   if (typeof hide === "function" && !shouldUpdate) {
     return true;
   }
+  if (typeof hidden==="function"&&!shouldUpdate){
+    return true
+  }
   return shouldUpdate;
 };
 

package/src/components/Form/index.tsx

@@ -3,8 +3,7 @@ import type { HFormProps } from "./modal";
 import { useCurrentForm, useInfoReq, useValuesChange } from "./hooks";
 import { FormContext } from "./Context";
 import PageHandler from "../PageHandler";
-import useInitConfigData from "./hooks/useInitConfigData";
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useState } from "react";
 import InitSet from "./InitSet";
 import Basic from "./Basic";
 

package/src/components/Form/modal.ts

@@ -81,7 +81,7 @@ export interface DispatchModal<T = string | string[]> {
 export type LabelAlignModal = "left" | "right" | "topLeft" | "topRight" | "top";
 
 export interface HItemProps
-  extends Omit<FormItemProps, "name" | "labelAlign" | "label"> {
+  extends Omit<FormItemProps, "name" | "labelAlign" | "label"|"hidden"> {
   type?: string;
   itemProps?: ItemPropsType;
   render?: RenderFun;
@@ -98,6 +98,7 @@ export interface HItemProps
   hideLabel?: boolean;
   labelAlign?: LabelAlignModal;
   label?: React.ReactNode | HelperModal;
+  hidden?:boolean|HideModal
 }
 export interface HFormProps<T = any, R = any>
   extends Omit<FormProps, "form" | "onFinish" | "labelAlign"> {

package/src/pages/Form/index.tsx

@@ -68,13 +68,29 @@ const formData = (options) => {
   return [
       {
           name:"name",
-          label:"输入框"
+          label:"输入框",
+          hidden:(form)=>{
+              const {check}=form.getFieldsValue();
+              console.log(check,"name")
+              return !check?.vv
+          }
       },
       {
           name:"url",
           type:"urlUpload",
           label:"文本"
       },
+      {
+          label:"输入框",
+          type:"checkboxGroup",
+          name:"check",
+          itemProps:{
+              options:[{
+                  key:"vv",
+                  value:"测试"
+              }]
+          }
+      }
   ];
 };
 function Ttta({ form }) {
@@ -119,6 +135,10 @@ export default () => {
           labelWidth={300}
           dismissOnPressEnter={false}
           form={form}
+          layout={"vertical"}
+          itemSpan={{
+              span:12
+          }}
           labelAlign={"left"}
           onFinish={(value) => {
             console.log(value, "onFinish");
@@ -148,7 +168,7 @@ export default () => {
       </div>
       <div
         onClick={() => {
-          form.submit();
+          console.log(form.formatValues())
         }}
       >
         提交