@hzab/list-render 1.9.15 → 1.9.16

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+# @hzab/list-render@1.9.16
+
+fix: modal弹窗标题支持配置
+
 # @hzab/list-render@1.9.15
 
 fix: components改为外部可配置

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hzab/list-render",
-  "version": "1.9.15",
+  "version": "1.9.16",
   "description": "",
   "main": "src",
   "scripts": {

package/src/DetailModal/index.jsx

@@ -11,11 +11,14 @@ function DetailModal(props, parentRef) {
   const { modalMode, Slots = {}, modalConf = {}, modalProps = {} } = props;
   const [open, setOpen] = useState(false);
   const [data, setData] = useState({});
+  const [title, setTitle] = useState("详情");
+
   const formRef = useRef();
-  function show(formData = props.formInitialValues) {
+  function show(formData = props.formInitialValues, title) {
     setOpen(true);
     // 处理 formRef.current 为 undefined 的问题
     setData(formData);
+    setTitle(title || '详情')
   }
 
   function close() {
@@ -72,7 +75,7 @@ function DetailModal(props, parentRef) {
   const _modalProps = {
     className: "detail-modal",
     wrapClassName: "detail-modal",
-    title: "详情",
+    title: title,
     visible: open,
     open: open,
     onClose: close,

package/src/list-render.jsx

@@ -221,7 +221,8 @@ const ListRender = forwardRef(function (props, parentRef) {
 
   function onCreate() {
     setFormState("create");
-    formModalRef.current.show();
+    let title = props.formInitialValues?.[modalConf?.title?.createKey] || modalConf?.title?.createText || '新增'
+    formModalRef.current.show(props.formInitialValues, title);
   }
 
   async function onCreateSubmit(data) {
@@ -268,7 +269,8 @@ const ListRender = forwardRef(function (props, parentRef) {
 
   function handleDetail(data, id) {
     setRowId(id);
-    detailModalRef.current.show(data);
+    let title = data[modalConf?.title?.detailKey] || modalConf?.title?.detailText || '详情'
+    detailModalRef.current.show(data, title);
   }
 
   function onEdit(row, idx) {
@@ -297,7 +299,8 @@ const ListRender = forwardRef(function (props, parentRef) {
   function handleEdit(data, id) {
     setRowId(id);
     setFormState("edit");
-    formModalRef.current.show(data, "编辑", "edit");
+    let title = data[modalConf?.title?.editKey] || modalConf?.title?.editText || '编辑'
+    formModalRef.current.show(data, title, "edit");
   }
 
   async function onEditSubmit(data) {