zy-react-library 1.0.13 → 1.0.15

package/components/FormBuilder/FormBuilder.js

@@ -47,6 +47,7 @@ const FormBuilder = (props) => {
           labelCol={labelCol}
           span={span}
           useAutoGenerateRequired={useAutoGenerateRequired}
+          initialValues={values}
         />
       </Row>
       {showActionButtons && (

package/components/FormBuilder/FormItemsRenderer.d.ts

@@ -91,6 +91,8 @@ export interface FormItemsRendererProps {
   collapse?: boolean;
   /** 自动生成必填规则，默认 true */
   useAutoGenerateRequired?: boolean;
+  /** 初始值，用于在表单未初始化时提供默认值 */
+  initialValues?: FormValues;
 }
 
 /**

package/components/FormBuilder/FormItemsRenderer.js

@@ -26,20 +26,31 @@ const FormItemsRenderer = ({
   span = 12,
   collapse = false,
   useAutoGenerateRequired = true,
+  initialValues,
 }) => {
   const form = Form.useFormInstance();
 
+  // 获取表单值，优先使用 initialValues
+  const getFormValues = () => {
+    const formValues = form.getFieldsValue();
+    // 如果表单值为空但有 initialValues，则使用 initialValues
+    if (Object.keys(formValues).length === 0 && initialValues) {
+      return initialValues;
+    }
+    return formValues;
+  };
+
   // 获取传给组件的属性
   const getComponentProps = (option) => {
     return typeof option.componentProps === "function"
-      ? option.componentProps(form.getFieldsValue())
+      ? option.componentProps(getFormValues())
       : (option.componentProps || {});
   };
 
   // 获取传给formItem的属性
   const getFormItemProps = (option) => {
     const formItemProps = typeof option.formItemProps === "function"
-      ? option.formItemProps(form.getFieldsValue())
+      ? option.formItemProps(getFormValues())
       : (option.formItemProps || {});
 
     // 为日期组件添加特殊处理
@@ -90,7 +101,7 @@ const FormItemsRenderer = ({
 
     // 支持动态计算 required
     const required = typeof option.required === "function"
-      ? option.required(form.getFieldsValue())
+      ? option.required(getFormValues())
       : (option.required ?? true);
 
     if (required) {
@@ -290,10 +301,10 @@ const FormItemsRenderer = ({
                       shouldUpdate={option.shouldUpdate ?? option?.componentProps?.shouldUpdate}
                       dependencies={option.dependencies || option?.componentProps?.dependencies}
                     >
-                      {(form) => {
+                      {() => {
                       // 支持动态计算 hidden
                         const hidden = typeof option.hidden === "function"
-                          ? option.hidden(form.getFieldsValue())
+                          ? option.hidden(getFormValues())
                           : (option.hidden ?? false);
 
                         if (hidden)
@@ -319,7 +330,12 @@ const FormItemsRenderer = ({
         }
 
         // 普通表单项（静态配置）
-        if (option.hidden)
+        // 支持动态计算 hidden
+        const hidden = typeof option.hidden === "function"
+          ? option.hidden(getFormValues())
+          : (option.hidden ?? false);
+
+        if (hidden)
           return null;
 
         return (

package/components/HeaderBack/index.d.ts

@@ -1,4 +1,4 @@
-import type { FC, ReactNode } from "react";
+import type { CSSProperties, FC, ReactNode } from "react";
 
 export interface HeaderBackProps {
   /** 标题 */
@@ -10,6 +10,8 @@ export interface HeaderBackProps {
   };
   /** 是否显示返回按钮，默认为 true */
   previous?: boolean;
+  /** 自定义样式 */
+  style?: CSSProperties;
 }
 
 /** 头部返回组件 */

package/components/HeaderBack/index.js

@@ -6,10 +6,10 @@ import "./index.less";
  * 头部返回组件
  */
 function HeaderBack(props) {
-  const { title, history, previous = true } = props;
+  const { title, history, previous = true, style = {} } = props;
 
   return (
-    <div className="header-back">
+    <div className="header-back" style={style}>
       <div className="action">
         {
           previous

package/components/HeaderBack/index.less

@@ -1,6 +1,7 @@
 .header-back {
   padding: 10px 20px;
   border-bottom: 1px solid #dcdfe6;
+  margin-bottom: 10px;
 
   .action {
     display: flex;

package/components/Search/index.js

@@ -84,6 +84,7 @@ const Search = (props) => {
           span={6}
           collapse={collapse}
           useAutoGenerateRequired={false}
+          initialValues={values}
         />
         <Col span={showCollapseButton ? (collapse ? 6 : span) : span}>
           <Form.Item label=" " colon={false} style={{ textAlign: "right" }}>

package/components/Table/index.js

@@ -1,12 +1,13 @@
 import Table from "@cqsjjb/jjb-react-admin-component/Table";
 import { getIndexColumn } from "../../utils/index";
+import "./index.less";
 
 function TablePro(props) {
   const {
     columns = [],
     showIndex = true,
     useAlignCenter = true,
-    rowKey = 'id',
+    rowKey = "id",
     ...restProps
   } = props;
 

package/components/Table/index.less

@@ -0,0 +1,3 @@
+.@{ant-prefix}-table-cell-scrollbar {
+  width: 15px;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "zy-react-library",
   "private": false,
-  "version": "1.0.13",
+  "version": "1.0.15",
   "type": "module",
   "description": "",
   "author": "LiuJiaNan",