@hw-component/form 1.6.8 → 1.6.9

package/es/DialogForm/DrawerForm/index.js

@@ -84,6 +84,9 @@ var Index = function Index(_ref) {
     if (footer === null) {
       return null;
     }
+    if (typeof footer === "function") {
+      return footer(dialogForm, loading, formParams);
+    }
     return footer || jsx(Footer, {
       onCancel: cancel,
       onOk: currentForm.submit,

package/es/Form/FormItem/index.js

@@ -22,6 +22,7 @@ var Item = (function (props) {
     _props$labelAlign = props.labelAlign,
     labelAlign = _props$labelAlign === void 0 ? formLabelAlign : _props$labelAlign;
   var Component = useFormItemDomControl(props);
+  console.log(formLabelWidth, "formLabelWidth");
   return jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
     labelAlign: labelAlign,
     labelWidth: labelWidth

package/lib/DialogForm/DrawerForm/index.js

@@ -87,6 +87,9 @@ var Index = function Index(_ref) {
     if (footer === null) {
       return null;
     }
+    if (typeof footer === "function") {
+      return footer(dialogForm, loading, formParams);
+    }
     return footer || jsxRuntime.jsx(Footer.default, {
       onCancel: cancel,
       onOk: currentForm.submit,

package/lib/Form/FormItem/index.js

@@ -25,6 +25,7 @@ var Item = (function (props) {
     _props$labelAlign = props.labelAlign,
     labelAlign = _props$labelAlign === void 0 ? formLabelAlign : _props$labelAlign;
   var Component = hooks.useFormItemDomControl(props);
+  console.log(formLabelWidth, "formLabelWidth");
   return jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
     labelAlign: labelAlign,
     labelWidth: labelWidth

package/package.json

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

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

@@ -66,6 +66,9 @@ const Index:React.FC<DialogFormProps>=({
     if (footer === null) {
       return null;
     }
+    if (typeof footer==="function"){
+        return  footer(dialogForm,loading,formParams)
+    }
     return (
         footer || (
             <Footer

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

@@ -7,5 +7,6 @@ export default (props: HItemProps) => {
   const {labelWidth:formLabelWidth,labelAlign:formLabelAlign}=useFormContext();
   const {labelWidth=formLabelWidth,labelAlign=formLabelAlign}=props;
   const Component = useFormItemDomControl(props);
+  console.log(formLabelWidth,"formLabelWidth")
   return <Component {...props} labelAlign={labelAlign} labelWidth={labelWidth}/>;
 };

package/src/pages/DrawerForm/index.tsx

@@ -1,60 +1,18 @@
 import { Button } from "antd";
 import { HDrawerForm, useHDialogForm } from "../../components";
 import { MediaTypeEnum } from "../../components/Upload/enums";
+import FormItem from '../../components/Form/FormItem'
 import {useEffect} from "react";
+const Test=()=>{
+  return <FormItem name="123" label="你好"/>
+}
 const data = [
   {
-    label: "选择",
-    name: "checkboxGroup",
-    type: "radioGroup",
-    rules: [{ required: true }],
-    helper: "帮助我",
-    options: [
-      { label: "选择1", value: 0 },
-      { label: "选择2", value: 1 },
-    ],
-  },
-  {
-    label: "选择",
-    name: "select",
-    type: "select",
-    helper: "select",
-    itemProps: {
-      mode: "tags",
-      options: [
-        { label: "选择1", value: 0 },
-        { label: "选择2", value: 1 },
-      ],
-    },
-  },
-  {
-    label: "地址文件",
-    name: "urlUpload",
-    type: "urlUpload",
-    rules: [{ required: true }],
-    hide: (form) => {
-      const check = form.getFieldValue("checkboxGroup");
-      return check !== 0;
-    },
-    itemProps: {
-      style: { width: 368 },
-      placeholder: "粘贴图片地址鼠标移出输入框自动保存",
-      maxSize: 1024 * 1024 * 10,
-      thumbUrl:
-        "http://gips3.baidu.com/it/u=3886271102,3123389489&fm=3028&app=3028&f=JPEG&fmt=auto?w=1280&h=960",
-      mediaType: MediaTypeEnum.video,
-    },
-  },
-  {
-    label: "验证码",
-    type: "verificationCodeInput",
-    name: "verificationCodeInput",
-    itemProps: {
-      request: () => {
-        return Promise.resolve({ code: 200 });
-      },
-    },
-  },
+    hideLabel:true,
+    render:()=>{
+       return <Test/>
+    }
+  }
 ];
 let num = 0;
 const Test1=({formNode,dialogForm,params})=>{
@@ -108,6 +66,9 @@ export default () => {
         labelWidth={88}
         labelAlign={"left"}
         dialogForm={modalForm}
+        footer={()=>{
+            return <div>ff</div>
+        }}
         request={(values)=>{
           console.log(values)
         }}