szld-libs 0.2.95 → 0.2.97

package/lib/hooks/useRenderAttrSetDetail.js

@@ -0,0 +1,185 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const antd = require("antd");
+const react = require("react");
+const ahooks = require("ahooks");
+const szxkFunc = require("../utils/szxkFunc");
+function useAttrSetDetailRenderer({
+  labelSpan = 3,
+  valueSpan = 9,
+  imgWidth = 93,
+  imgHeight = 93,
+  layoutType = "row"
+}) {
+  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, span) => {
+    if (typeof (item == null ? void 0 : item.attrvalue) !== "string")
+      return;
+    const attrvalues = JSON.parse((item == null ? void 0 : item.attrvalue) || "[]");
+    const valueNode = () => /* @__PURE__ */ jsxRuntime.jsx(antd.Space, { wrap: true, children: attrvalues.map((el, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        style: {
+          border: "1px solid rgba(0, 0, 0, 0.15)",
+          borderRadius: 4
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          antd.Image,
+          {
+            style: { objectFit: "cover", padding: 5 },
+            width: imgWidth,
+            height: imgHeight,
+            src: el == null ? void 0 : el.FilePath,
+            alt: (item == null ? void 0 : item.attrname) || "-"
+          }
+        )
+      },
+      index
+    )) });
+    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,
+          "："
+        ] }),
+        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, span) => {
+    const attrvalues = JSON.parse((item == null ? void 0 : item.attrvalue) || "[]");
+    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: [
+      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, span, beforeExtraValue) => {
+    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.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 renderTableDetail = ({
+    attrList = [],
+    servicesUniversalHeader = [],
+    operationColumn
+  }) => {
+    const columns = servicesUniversalHeader == null ? void 0 : servicesUniversalHeader.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"]
+    }));
+    if (operationColumn) {
+      columns.push(operationColumn);
+    }
+    const dataSource = attrList == null ? void 0 : attrList.map((v, i) => ({
+      key: i,
+      ...handleDealAttrList(v)
+    }));
+    return /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(
+      antd.Table,
+      {
+        style: { width: "100%" },
+        columns,
+        scroll: { x: "max-content" },
+        size: "small",
+        rowKey: "key",
+        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 = [],
+      span = 24,
+      type = "form",
+      servicesUniversalHeader = [],
+      beforeExtraValue = "",
+      operationColumn
+    }) => {
+      if (!(attrList == null ? void 0 : attrList.length))
+        return null;
+      if (type === "table") {
+        return /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: renderTableDetail({ attrList, servicesUniversalHeader, 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 == null ? void 0 : item.json) || (item == null ? void 0 : item.info) && JSON.parse(item.info);
+        if ((info == null ? void 0 : info.input) === "image") {
+          return renderImageAttr(item, span);
+        }
+        if (["file", "audio", "video"].includes(info == null ? void 0 : info.input)) {
+          return renderFileAttr(item, span);
+        }
+        if ((info == null ? void 0 : info.input) === "radio-card") {
+          return renderRadioCardAttr(item, span);
+        }
+        return renderTextAttr(item, span, beforeExtraValue);
+      }) });
+    }
+  );
+  return { renderDetail };
+}
+module.exports = useAttrSetDetailRenderer;

package/lib/index.js

@@ -4,188 +4,16 @@ const react = require("react");
 const ReactDOM = require("react-dom/client");
 const reactRouterDom = require("react-router-dom");
 const antd = require("antd");
-const useConfig = require("./hooks/useConfig");
 const main = require("./main");
-let key = "U2FsdGVkX1/dG1NSXNR9hnp3Ech/v6Gh8CDDJxgBm1EPFQel12ySIf84ARXCPwTae7TzwgPvjOyE3S5rAEzl/wAZmId6pbezpFeFcJqxdmIl3FeluYHFxJzQHDETTvrr3G/REvv00kHptOVwg6ecjPH6yk7PNit0sWTBLorROxLxMD8lVDmOA66p7Zp4QnYzqScYJGFbutmfHYXfBRBe1Q2UKummJ798svNY5SIwEwl4spzgyWmhARtuyq4zhysFrj/xODuNDjtwitA6XfX566WcZkj3F+2P+mkYzDYOhXXaomnlybjrZ2hEHfcczQhUfJd89O8PNIuEWo24wjYRgMdKlw5CWSeocFCqV7ZJ/CV/7vNRcaO4awKlFNobLikkwDznxpcX+4UEej+ED+pgfmPQLsKedcfEscStkSAZXaD5pBRTiFU9xGLfDt6seUrEnMBeXkpMIY9j1SZDDK18/G7lSHjDQMZYZP6sfLdBdwY=";
 const Demo = () => {
-  useConfig(key);
-  const [form] = antd.Form.useForm();
+  antd.Form.useForm();
   react.useEffect(() => {
   }, []);
-  const columns = [
-    {
-      dataIndex: ["a", 2],
-      title: "a"
-    },
-    antd.Table.EXPAND_COLUMN,
-    {
-      dataIndex: "b",
-      title: "b",
-      width: 400
-    },
-    antd.Table.SELECTION_COLUMN,
-    {
-      dataIndex: "c",
-      title: "c"
-    }
-  ];
-  const [list, setList] = react.useState(
-    Array(10).fill(0).map((v, i) => ({ id: i }))
-  );
-  const [current, setCurrent] = react.useState(1);
-  const data = [{ id: 1 }, { id: 12 }, { id: 21 }];
-  const { selectedKeys, selectedRows, setSelectedKeys } = main.useRowSelection({
-    dataSource: list,
-    rowKey: "id",
-    defaultRows: data
-  });
-  react.useEffect(() => {
-    setSelectedKeys([1, 12, 21]);
-  }, []);
-  const { handleChangePwd } = main.useChangePwd();
-  const typeList = [
-    {
-      flinfo: "数据",
-      children: [
-        {
-          flinfo: "数据1"
-        },
-        {
-          flinfo: "数据2"
-        }
-      ]
-    },
-    {
-      flinfo: "表",
-      children: [
-        {
-          flinfo: "表1"
-        },
-        {
-          flinfo: "表2"
-        }
-      ]
-    }
-  ];
-  const imgAccept = ".jpg,.png,.jpeg";
-  const imgUploadProps = {
-    maxCount: 1,
-    action: "uploadAction",
-    accept: imgAccept,
-    showUploadList: false,
-    beforeUpload(file) {
-      var _a;
-      const accepts = imgAccept.split(",");
-      const fileType = (_a = file.name.split(".").pop()) == null ? void 0 : _a.toLocaleLowerCase();
-      if (!accepts.includes(`.${fileType}`)) {
-        antd.message.error(`只允许上传${accepts.join("、")}文件`);
-        return antd.Upload.LIST_IGNORE;
-      }
-      return file;
-    }
-  };
-  const normFile = (e) => {
-    if (Array.isArray(e)) {
-      return e;
-    }
-    return e && e.fileList;
-  };
-  const formItems = [
-    {
-      dataIndex: "asctypeid",
-      title: "编号",
-      valueType: "inputNumber",
-      valueProps: {
-        placeholder: "请输入编号",
-        controls: false,
-        min: 0
-      },
-      formItemProps: {
-        rules: [
-          {
-            required: true,
-            message: "请输入编号"
-          }
-        ]
-      },
-      colProps: { span: 11 }
-    },
-    {
-      dataIndex: "asctype",
-      title: "归类名",
-      valueProps: {
-        placeholder: "请输入归类名",
-        maxLength: 100,
-        allowClear: true
-      },
-      colProps: { span: 11, offset: 2 },
-      formItemProps: {
-        rules: [
-          {
-            required: true,
-            message: "请输入归类名"
-          },
-          { whitespace: true, message: "输入内容不能只有空格" }
-        ]
-      }
-    },
-    {
-      dataIndex: "tabsortList",
-      title: "分类",
-      valueType: "cascader",
-      valueProps: {
-        placeholder: "请选择分类",
-        options: typeList,
-        changeOnSelect: true,
-        fieldNames: {
-          label: "flinfo",
-          value: "flinfo",
-          children: "children"
-        }
-      },
-      colProps: {
-        span: 11
-      }
-    },
-    {
-      dataIndex: "fileList",
-      title: "营业执照",
-      valueType: "custom",
-      valueProps: {
-        children: /* @__PURE__ */ jsxRuntime.jsx(antd.Upload, { ...imgUploadProps, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { children: "上传营业执照" }) }),
-        fileList: form.getFieldValue("fileList")
-      },
-      colProps: {
-        md: 24,
-        xl: 10
-      },
-      formItemProps: {
-        valuePropName: "fileList",
-        getValueFromEvent: normFile,
-        rules: [{ required: true, message: "请上传营业执照" }]
-      }
-    }
-  ];
-  const totalText = "共@";
-  const unitText = "条@";
-  const jumpText = "跳至@";
-  const pageText = "页@";
   const sm3key = "Aa123456#";
   const msg = "username=admin&timestamp=1758782465&modelid=19955BC7B61A43B3A982F0B2053ABC34";
   main.HmacSM3.hmac(sm3key, msg);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { height: "100vh", display: "flex", flexDirection: "column", gap: 20 }, children: [
     /* @__PURE__ */ jsxRuntime.jsx(main.BackHeader, { title: "页头组件", isBack: true }),
-    /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 20, align: "center", children: [
-      "1. 测试修改密码hooks",
-      /* @__PURE__ */ jsxRuntime.jsx(
-        antd.Button,
-        {
-          onClick: () => handleChangePwd((params) => {
-          }),
-          children: "修改密码"
-        }
-      )
-    ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
       "2. 测试循环滚动组件",
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -198,92 +26,6 @@ const Demo = () => {
           }
         }
       )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 20, align: "center", style: { marginBottom: 10 }, children: [
-        "3. 测试表格组件",
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { onClick: () => setList(columns), children: "test" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        main.SearchTable,
-        {
-          tableProps: {
-            columns: [
-              {
-                dataIndex: "id",
-                title: "ID"
-              },
-              {
-                dataIndex: "a",
-                title: "a",
-                width: 200
-              },
-              {
-                dataIndex: "a2",
-                title: "a",
-                width: 200
-              },
-              {
-                dataIndex: "a3",
-                title: "a",
-                width: 200
-              },
-              {
-                dataIndex: "a4",
-                title: "a",
-                width: 400
-              }
-            ],
-            dataSource: list,
-            resizeable: true,
-            rowKey: "id",
-            pagination: {
-              total: 25,
-              current,
-              pageSize: 10,
-              onChange(page, pageSize) {
-                const index = (page - 1) * 10;
-                const arr = Array(10).fill(0).map((v, i) => ({ id: i + index }));
-                setList(arr);
-                setCurrent(page);
-              }
-            }
-          }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      "4. 测试创建表单组件",
-      /* @__PURE__ */ jsxRuntime.jsx(
-        main.CreateForm,
-        {
-          items: formItems,
-          formProps: { form, wrapperCol: { span: 24 }, style: { width: "60%", marginTop: 10 } }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      "5. 测试自定义分页组件",
-      /* @__PURE__ */ jsxRuntime.jsx(
-        main.CustomPagination,
-        {
-          paginationProps: {
-            total: 25,
-            current,
-            pageSize: 10,
-            onChange(page, pageSize) {
-              const index = (page - 1) * 10;
-              const arr = Array(10).fill(0).map((v, i) => ({ id: i + index }));
-              setList(arr);
-              setCurrent(page);
-            }
-          },
-          totalText,
-          unitText,
-          jumpText,
-          pageText
-        }
-      )
     ] })
   ] });
 };

package/lib/mock/index.js

@@ -0,0 +1 @@
+"use strict";

package/lib/mock/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/lib/utils/method.js

@@ -315,6 +315,7 @@ const handleAttrListToObj = (attrList) => {
         const { attrvalue = [], children = [] } = item || {};
         if (Array.isArray(attrvalue) && (attrvalue == null ? void 0 : attrvalue.length)) {
           item.children = attrvalue.map((v) => {
+            return handleObjDetailToSignleAttrList((children == null ? void 0 : children[0]) || [], v);
           });
           result[key] = {
             asid: ((_e = (_d = (_c = item.children) == null ? void 0 : _c[0]) == null ? void 0 : _d[0]) == null ? void 0 : _e.asid) || "",
@@ -468,6 +469,12 @@ const handleSelectOptions = async ({
   }
   return options;
 };
+const handleObjDetailToSignleAttrList = (attrList, detail) => {
+  return attrList.map((item) => ({
+    ...item,
+    attrvalue: detail[item.attrid] || ""
+  }));
+};
 exports.base64ToString = base64ToString;
 exports.getJson = getJson;
 exports.handleAttrList = handleAttrList;

package/lib/utils/szxkFunc.d.ts

@@ -28,3 +28,11 @@ export declare const handleGetAttrDetail: (params: {
  * @returns 处理后的属性集列表，每个属性项包含attrvalue
  */
 export declare const handleObjDetailToSignleAttrList: (attrList: any[], detail: any) => any[];
+/**
+ * 设置表格行的颜色
+ */
+export declare const handleSetTableRowColor: (record: any, index: number | undefined) => {
+    style: {
+        backgroundColor: string;
+    };
+};

package/lib/utils/szxkFunc.js

@@ -28,6 +28,12 @@ const handleObjDetailToSignleAttrList = (attrList, detail) => {
     attrvalue: detail[item.attrid] || ""
   }));
 };
+const handleSetTableRowColor = (record, index) => ({
+  style: {
+    backgroundColor: index !== void 0 && index % 2 === 1 ? "var(--bg-color-2)" : "var(--bg-color-3)"
+  }
+});
 exports.handleGetAttrDetail = handleGetAttrDetail;
 exports.handleGetAttrList = handleGetAttrList;
 exports.handleObjDetailToSignleAttrList = handleObjDetailToSignleAttrList;
+exports.handleSetTableRowColor = handleSetTableRowColor;

package/lib/vite-env.d.ts

@@ -12,3 +12,9 @@ interface ICustomModal {
   footer?: React.ReactNode;
   modalStyle?: React.CSSProperties;
 }
+interface IFileRes {
+  FileId: string;
+  FileName: string;
+  FileExt: string;
+  FilePath: string;
+}

package/package.json

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