szld-libs 0.3.21 → 0.3.23

package/lib/hooks/useDetailRender.js

@@ -1,25 +1,44 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
+const method = require("szld-libs/lib/utils/method");
 const antd = require("antd");
+const szxkFunc = require("../utils/szxkFunc");
+const ahooks = require("ahooks");
 const react = require("react");
-function useDetailRenderer({
-  detailInfo,
+function useDetailRender({
   labelSpan = 3,
   valueSpan = 9,
   imgWidth = 93,
   imgHeight = 93,
-  useGrid = true,
-  mainApplicationDomain = ""
+  layoutType = "row"
 }) {
-  const handlePreviewFile = (filePath) => {
-    var _a;
-    (_a = window.parent) == null ? void 0 : _a.postMessage({ type: "previewDoc", docurl: filePath }, mainApplicationDomain);
+  const { message } = antd.App.useApp();
+  const renderRadioCardAttr = (item, span) => {
+    try {
+      const attrvalue = JSON.parse((item == null ? void 0 : item.attrvalue) || "{}") || "";
+      return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
+        layoutType === "flex" && /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { flexShrink: 0 }, children: [
+            item == null ? void 0 : item.attrname,
+            "："
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { wordWrap: "break-word" }, children: attrvalue == null ? void 0 : attrvalue.typename })
+        ] }) }),
+        layoutType === "row" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span: labelSpan, children: item == null ? void 0 : item.attrname }),
+          /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span: valueSpan, style: { wordWrap: "break-word" }, children: item == null ? void 0 : item.attrvalue })
+        ] })
+      ] }, item == null ? void 0 : item.attrid);
+    } catch (error) {
+      message.error("房型数据格式错误，转json失败");
+      return null;
+    }
   };
-  const renderImageAttr = (item) => {
+  const renderImageAttr = (item, span) => {
     if (typeof (item == null ? void 0 : item.attrvalue) !== "string")
       return;
     const attrvalues = JSON.parse((item == null ? void 0 : item.attrvalue) || "[]");
-    const renderItem = /* @__PURE__ */ jsxRuntime.jsx(antd.Space, { children: attrvalues.map((el, index) => /* @__PURE__ */ jsxRuntime.jsx(
+    const valueNode = () => /* @__PURE__ */ jsxRuntime.jsx(antd.Space, { wrap: true, children: attrvalues.map((el, index) => /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         style: {
@@ -34,91 +53,151 @@ function useDetailRenderer({
             height: imgHeight,
             src: el == null ? void 0 : el.FilePath,
             alt: (item == null ? void 0 : item.attrname) || "-"
-          },
-          index
+          }
         )
       },
       index
     )) });
-    if (!useGrid) {
-      return /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Col, { span: labelSpan, children: [
-        item == null ? void 0 : item.attrname,
-        "：",
-        renderItem
-      ] }) }, item.attrid);
-    }
     return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span: labelSpan, children: item == null ? void 0 : item.attrname }),
-      /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span: valueSpan, style: { wordWrap: "break-word" }, children: renderItem })
-    ] }, item.attrid);
+      layoutType === "flex" && /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { flexShrink: 0 }, children: [
+          item == null ? void 0 : item.attrname,
+          "："
+        ] }),
+        valueNode()
+      ] }) }),
+      layoutType === "row" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span: labelSpan, children: item == null ? void 0 : item.attrname }),
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span: valueSpan, style: { wordWrap: "break-word" }, children: valueNode() })
+      ] })
+    ] }, item == null ? void 0 : item.attrid);
   };
-  const renderFileAttr = (item) => {
-    if (typeof (item == null ? void 0 : item.attrvalue) !== "string")
-      return;
+  const renderFileAttr = (item, span) => {
     const attrvalues = JSON.parse((item == null ? void 0 : item.attrvalue) || "[]");
-    const renderItem = /* @__PURE__ */ jsxRuntime.jsx(antd.Space, { children: attrvalues.map((el, index) => /* @__PURE__ */ jsxRuntime.jsx("a", { onClick: () => handlePreviewFile(el == null ? void 0 : el.FilePath), children: (el == null ? void 0 : el.FileName) || "-" }, index)) });
-    if (!useGrid) {
-      return /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Col, { span: labelSpan, style: { wordWrap: "break-word" }, children: [
-        item == null ? void 0 : item.attrname,
-        "：",
-        renderItem
-      ] }) }, item.attrid);
-    }
+    const valueNode = () => /* @__PURE__ */ jsxRuntime.jsx(antd.Space, { wrap: true, children: attrvalues.map((el, index) => /* @__PURE__ */ jsxRuntime.jsx("a", { onClick: () => window.open(el == null ? void 0 : el.FilePath), children: (el == null ? void 0 : el.FileName) || "-" }, index)) });
     return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span: labelSpan, children: item == null ? void 0 : item.attrname }),
-      /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span: valueSpan, style: { wordWrap: "break-word" }, children: renderItem })
-    ] }, item.attrid);
+      layoutType === "flex" && /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { flexShrink: 0 }, children: [
+          item == null ? void 0 : item.attrname,
+          "："
+        ] }),
+        valueNode()
+      ] }) }),
+      layoutType === "row" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span: labelSpan, children: item == null ? void 0 : item.attrname }),
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span: valueSpan, style: { wordWrap: "break-word" }, children: valueNode() })
+      ] })
+    ] }, item == null ? void 0 : item.attrid);
   };
-  const renderTextAttr = (item) => {
-    if (!useGrid) {
-      return /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Col, { span: labelSpan, style: { wordWrap: "break-word" }, children: [
-        item == null ? void 0 : item.attrname,
-        "：",
-        (item == null ? void 0 : item.attrvalue) || "-"
-      ] }) }, item.attrid);
-    }
+  const renderTextAttr = (item, span, beforeExtraValue) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span: labelSpan, children: item == null ? void 0 : item.attrname }),
-      /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span: valueSpan, style: { wordWrap: "break-word" }, children: (item == null ? void 0 : item.attrvalue) || "-" })
-    ] }, item.attrid);
+      layoutType === "flex" && /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { flexShrink: 0 }, children: [
+          item == null ? void 0 : item.attrname,
+          "："
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { wordWrap: "break-word" }, children: [
+          beforeExtraValue || "",
+          " ",
+          (item == null ? void 0 : item.attrvalue) || "-",
+          " "
+        ] })
+      ] }) }),
+      layoutType === "row" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span: labelSpan, children: item == null ? void 0 : item.attrname }),
+        /* @__PURE__ */ jsxRuntime.jsxs(antd.Col, { span: valueSpan, style: { wordWrap: "break-word" }, children: [
+          beforeExtraValue || "",
+          (item == null ? void 0 : item.attrvalue) || "-"
+        ] })
+      ] })
+    ] }, item == null ? void 0 : item.attrid);
   };
-  const renderDetail = () => {
-    if (!detailInfo)
-      return null;
-    const renderAttrItems = (items) => {
-      var _a;
-      return (_a = items == null ? void 0 : items.filter((item) => (item == null ? void 0 : item.attrtype) === 0)) == null ? void 0 : _a.map((item) => {
-        const info = (item == null ? void 0 : item.json) || (item == null ? void 0 : item.info) && JSON.parse(item.info);
-        let content;
+  const renderTableDetail = ({
+    detailList = [],
+    attrList = [],
+    universalHeader = [],
+    operationColumn
+  }) => {
+    var _a;
+    let columns = [];
+    if (universalHeader == null ? void 0 : universalHeader.length) {
+      columns = universalHeader == null ? void 0 : universalHeader.map((item) => ({
+        title: item == null ? void 0 : item["header-name"],
+        dataIndex: item == null ? void 0 : item["header-attribute-id"],
+        key: item == null ? void 0 : item["header-attribute-id"],
+        width: item == null ? void 0 : item["header-width"]
+      }));
+    } else {
+      columns = (_a = attrList == null ? void 0 : attrList[0]) == null ? void 0 : _a.map((item) => {
+        var _a2;
+        return {
+          title: item == null ? void 0 : item.attrname,
+          dataIndex: item == null ? void 0 : item.attrid,
+          key: item == null ? void 0 : item.attrid,
+          width: ((_a2 = item == null ? void 0 : item.json) == null ? void 0 : _a2["input-width"]) || 200
+        };
+      });
+    }
+    if (operationColumn && (columns == null ? void 0 : columns.length)) {
+      columns.push(operationColumn);
+    }
+    let dataSource = detailList;
+    if (attrList == null ? void 0 : attrList.length) {
+      dataSource = attrList == null ? void 0 : attrList.map((v, i) => ({
+        jxqyglbh: i,
+        ...handleDealAttrList(v)
+      }));
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { align: "center", style: { width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+      antd.Table,
+      {
+        style: { width: "100%" },
+        columns,
+        scroll: { x: "max-content" },
+        size: "small",
+        rowKey: "jxqyglbh",
+        onRow: szxkFunc.handleSetTableRowColor,
+        dataSource,
+        pagination: false
+      }
+    ) });
+  };
+  const handleDealAttrList = (attrList) => {
+    return attrList == null ? void 0 : attrList.reduce((pre, cur) => {
+      pre[cur == null ? void 0 : cur.attrid] = cur == null ? void 0 : cur.attrvalue;
+      return pre;
+    }, {});
+  };
+  const renderDetail = ahooks.useMemoizedFn(
+    ({
+      attrList = [],
+      detailList = [],
+      span = 24,
+      type = "form",
+      universalHeader = [],
+      beforeExtraValue = "",
+      operationColumn
+    }) => {
+      if (type === "table") {
+        return /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: renderTableDetail({ detailList, attrList, universalHeader, operationColumn }) });
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(antd.Row, { gutter: [10, 8], children: attrList == null ? void 0 : attrList.map((item) => {
+        if ((item == null ? void 0 : item.attrtype) !== 0)
+          return /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, {}, item == null ? void 0 : item.attrid);
+        const info = item.info_base64 === 1 ? method.getJson(method.base64ToString(item.info)) : method.getJson(item.info);
         if ((info == null ? void 0 : info.input) === "image") {
-          content = renderImageAttr(item);
-        } else if (["file", "audio", "video"].includes(info == null ? void 0 : info.input)) {
-          content = renderFileAttr(item);
-        } else {
-          content = renderTextAttr(item);
+          return renderImageAttr(item, span);
         }
-        if ((item == null ? void 0 : item.children) && item.children.length > 0) {
-          return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
-            content,
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                style: {
-                  marginLeft: "16px",
-                  marginTop: "8px",
-                  borderLeft: "2px dashed #e8e8e8",
-                  paddingLeft: "16px"
-                },
-                children: renderAttrItems(item.children)
-              }
-            )
-          ] }, item.attrid);
+        if (["file", "audio", "video"].includes(info == null ? void 0 : info.input)) {
+          return renderFileAttr(item, span);
         }
-        return content;
-      });
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(antd.Row, { gutter: [15, 15], children: renderAttrItems(detailInfo == null ? void 0 : detailInfo.attr_list) });
-  };
+        if ((info == null ? void 0 : info.input) === "radio-card") {
+          return renderRadioCardAttr(item, span);
+        }
+        return renderTextAttr(item, span, beforeExtraValue);
+      }) });
+    }
+  );
   return { renderDetail };
 }
-module.exports = useDetailRenderer;
+module.exports = useDetailRender;

package/lib/index.css

@@ -1,6 +1,6 @@
 
 .custom-form-body {
-  width: 1236px;
+  width: 1300;
 }
 .custom-form-body .custom-form-list {
   position: relative;
@@ -25,10 +25,18 @@
 .custom-form-body .custom-form-list .custom-form-list-header-item:first-child {
   margin-left: 14px;
 }
+.custom-form-body .custom-form-list .custom-form-list-item-container {
+  position: relative;
+}
 .custom-form-body .custom-form-list .custom-form-list-item-container .custom-form-list-item {
   width: fit-content;
-  min-width: 100%;
+  min-width: fit-content;
   /* 确保至少占满可视区域 */
+  min-height: 48px;
+  height: auto;
+  /* 或者 100%，确保高度撑满 */
+  display: flex;
+  align-items: center;
 }
 .custom-form-body .custom-form-list .custom-form-list-item-container .custom-form-list-item .custom-form-list-item-content {
   min-height: 48px;
@@ -39,9 +47,15 @@
 .custom-form-body .custom-form-list .custom-form-list-item-container .custom-form-list-item .custom-form-list-item-content .ant-form-item-control-input-content:nth-child(1) {
   margin-left: 14px;
 }
+.custom-form-body .custom-form-list .custom-form-list-item-container:nth-child(even) .custom-form-list-item {
+  background: #d6e2de !important;
+}
 .custom-form-body .custom-form-list .custom-form-list-item-container:nth-child(even) .custom-form-list-item .custom-form-list-item-content {
   background: #d6e2de !important;
 }
+.custom-form-body .custom-form-list .custom-form-list-item-container:nth-child(odd) .custom-form-list-item {
+  background-color: #c2d4ce !important;
+}
 .custom-form-body .custom-form-list .custom-form-list-item-container:nth-child(odd) .custom-form-list-item .custom-form-list-item-content {
   background-color: #c2d4ce !important;
 }
@@ -51,19 +65,31 @@
   width: 48px;
   height: 48px;
   line-height: 48px;
-  text-align: center;
+  display: flex;
+  flex-direction: row-reverse;
+  flex-shrink: 0;
+  position: sticky;
+  text-decoration: underline;
+  text-align: right;
+  right: 0;
+  top: 0;
 }
 .custom-form-body .custom-form-list-del-btn {
-  display: inline-block;
   background: #fff;
   width: 48px;
-  height: 48px;
   line-height: 48px;
   text-align: center;
   color: #dc0000;
+  display: flex;
+  flex-direction: row-reverse;
+  align-items: center;
+  align-self: stretch;
+  /* 关键：让按钮高度填满父容器 */
   flex-shrink: 0;
-}
-.custom-form-body .custom-form-list-right {
-  width: 48;
-  background-color: '#fff';
+  position: sticky;
+  text-decoration: underline;
+  text-align: right;
+  right: 0;
+  top: 0;
+  bottom: 0;
 }

package/lib/mock/index.js

@@ -4,45 +4,110 @@ const baseAttrList = [];
 const attrList = [
   {
     xh: 1,
-    asid: "DC6FAFA331D84484BCE19E21738AD767",
+    asid: "06C6CE201AB44B2CAAB11C753374AA40",
     astype: 0,
-    tname: "fjffjc_table2",
-    attrid: "B3C4795F7CA849CD839539249F74BCE3",
-    attrname: "How Many times",
+    tname: "tsyy_table2",
+    attrid: "30BDE6E7977E40069B55DDE61C8795AE",
+    attrname: "Dates",
     attrtype: 0,
-    info: '{"input":"text","dataType":"string","length":100,"input-width":396,"default":1}',
+    info: '{"input":"multiple-date-picker","range-picker-save":"single","dataType":"string","length":1000,"input-width":240,"must":true}',
     info_base64: 0,
-    createtime: "2026-02-11 15:14:14",
+    createtime: "2026-02-11 15:12:26",
     attrvalue: "",
     serialnum: 1,
     children: [],
     json: {
-      input: "text",
+      input: "multiple-date-picker",
+      "range-picker-save": "single",
       dataType: "string",
-      length: 100,
-      "input-width": 396,
-      default: 1
+      length: 1e3,
+      "input-width": 240,
+      must: true
     }
   },
   {
     xh: 2,
-    asid: "DC6FAFA331D84484BCE19E21738AD767",
+    asid: "06C6CE201AB44B2CAAB11C753374AA40",
     astype: 0,
-    tname: "fjffjc_table2",
-    attrid: "2A08BD562A9A48E3843A59D6396E2F21",
-    attrname: "what time?",
+    tname: "tsyy_table2",
+    attrid: "38A7DADC6D64492D83DA607EC121A02D",
+    attrname: "How Many Times",
     attrtype: 0,
-    info: '{"input":"text","dataType":"string","length":100,"input-width":396}',
+    info: '{"input":"text","dataType":"string","length":10,"input-width":140,"must":true}',
     info_base64: 0,
-    createtime: "2026-02-11 15:14:14",
+    createtime: "2026-02-11 15:12:26",
+    attrvalue: "",
+    serialnum: 2,
+    children: [],
+    json: {
+      input: "text",
+      dataType: "string",
+      length: 10,
+      "input-width": 140,
+      must: true
+    }
+  },
+  {
+    xh: 3,
+    asid: "06C6CE201AB44B2CAAB11C753374AA40",
+    astype: 0,
+    tname: "tsyy_table2",
+    attrid: "7BB9BE8A96824CCF89B721C8F1AF9F38",
+    attrname: "Feeding Time",
+    attrtype: 0,
+    info: '{"input":"second-picker","dataType":"string","length":200,"input-width":240}',
+    info_base64: 0,
+    createtime: "2026-02-11 15:12:26",
     attrvalue: "",
     serialnum: 3,
     children: [],
+    json: {
+      input: "second-picker",
+      dataType: "string",
+      length: 200,
+      "input-width": 240
+    }
+  },
+  {
+    xh: 4,
+    asid: "06C6CE201AB44B2CAAB11C753374AA40",
+    astype: 0,
+    tname: "tsyy_table2",
+    attrid: "665F59E637664037939512C9877EAD75",
+    attrname: "Meds Info",
+    attrtype: 0,
+    info: '{"input":"text","dataType":"string","length":500,"input-width":240}',
+    info_base64: 0,
+    createtime: "2026-02-11 15:12:26",
+    attrvalue: "",
+    serialnum: 4,
+    children: [],
+    json: {
+      input: "text",
+      dataType: "string",
+      length: 500,
+      "input-width": 240
+    }
+  },
+  {
+    xh: 5,
+    asid: "06C6CE201AB44B2CAAB11C753374AA40",
+    astype: 0,
+    tname: "tsyy_table2",
+    attrid: "290CF33D2AAD45399987987FAB80900B",
+    attrname: "Feeding Instruction",
+    attrtype: 0,
+    info: '{"input":"text","dataType":"string","length":500,"input-width":340}',
+    info_base64: 0,
+    createtime: "2026-02-11 15:12:26",
+    attrvalue: "",
+    serialnum: 5,
+    children: [],
     json: {
       input: "text",
       dataType: "string",
-      length: 100,
-      "input-width": 396
+      length: 500,
+      "input-width": 340
     }
   }
 ];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "szld-libs",
   "private": false,
-  "version": "0.3.21",
+  "version": "0.3.23",
   "type": "module",
   "scripts": {
     "dev": "vite",

package/es/hooks/useRenderAttrSetDetail.d.ts

@@ -1,25 +0,0 @@
-/**
- * 宠物详情渲染 Hook
- * @param attrList 属性列表数据
- * @param config 配置信息（用于文件预览地址）
- * @returns 渲染函数
- */
-interface IAttrSetDetailRendererProps {
-    labelSpan?: number;
-    valueSpan?: number;
-    imgWidth?: number;
-    imgHeight?: number;
-    layoutType?: 'row' | 'flex';
-}
-export default function useAttrSetDetailRenderer({ labelSpan, valueSpan, imgWidth, imgHeight, layoutType, }: IAttrSetDetailRendererProps): {
-    renderDetail: ({ attrList, detailList, span, type, universalHeader, beforeExtraValue, operationColumn, }: {
-        attrList?: any[] | undefined;
-        detailList?: any[] | undefined;
-        span?: number | undefined;
-        type?: "form" | "table" | undefined;
-        universalHeader?: any[] | undefined;
-        beforeExtraValue?: string | undefined;
-        operationColumn?: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-};
-export {};