szld-libs 0.2.96 → 0.2.98

package/es/components/DynamicForm/func.js

@@ -180,14 +180,16 @@ const handleGetSingleAttrListObj = (children) => {
   }
   const dealList = (children2) => children2 == null ? void 0 : children2.map((v) => {
     const obj = {};
-    v.forEach((x) => {
-      var _a;
-      if ((_a = x == null ? void 0 : x.children) == null ? void 0 : _a.length) {
-        obj[x.attrid] = dealList(x.children);
-      } else {
-        obj[x.attrid] = x.attrvalue;
-      }
-    });
+    if (Array.isArray(v)) {
+      v.forEach((x) => {
+        var _a;
+        if ((_a = x == null ? void 0 : x.children) == null ? void 0 : _a.length) {
+          obj[x.attrid] = dealList(x.children);
+        } else {
+          obj[x.attrid] = x.attrvalue;
+        }
+      });
+    }
     return obj;
   });
   return dealList(children);

package/es/components/DynamicForm/useDynamicForm.d.ts

@@ -27,7 +27,7 @@ declare function useDynamicForm(props: IDynamicFormProps): {
         item: IformConfigItem;
         readonly: boolean;
         colNum: number;
-        instructionShowMode?: "flex" | "icon" | undefined;
+        instructionShowMode?: "icon" | "flex" | undefined;
         relatedid?: string | undefined;
         form: FormInstance;
         defaultWidth?: number | undefined;

package/es/hooks/useRenderAttrSetDetail.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 宠物详情渲染 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, span, type, servicesUniversalHeader, beforeExtraValue, operationColumn, }: {
+        attrList: any[];
+        span?: number | undefined;
+        type?: "form" | "table" | undefined;
+        servicesUniversalHeader?: any[] | undefined;
+        beforeExtraValue?: string | undefined;
+        operationColumn?: any;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+};
+export {};

package/es/hooks/useRenderAttrSetDetail.js

@@ -0,0 +1,186 @@
+import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
+import { App, Row, Col, Flex, Table, Space, Image } from "antd";
+import { Fragment } from "react";
+import { useMemoizedFn } from "ahooks";
+import { handleSetTableRowColor } from "../utils/szxkFunc";
+function useAttrSetDetailRenderer({
+  labelSpan = 3,
+  valueSpan = 9,
+  imgWidth = 93,
+  imgHeight = 93,
+  layoutType = "row"
+}) {
+  const { message } = App.useApp();
+  const renderRadioCardAttr = (item, span) => {
+    try {
+      const attrvalue = JSON.parse((item == null ? void 0 : item.attrvalue) || "{}") || "";
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        layoutType === "flex" && /* @__PURE__ */ jsx(Col, { span, children: /* @__PURE__ */ jsxs(Flex, { children: [
+          /* @__PURE__ */ jsxs("span", { style: { flexShrink: 0 }, children: [
+            item == null ? void 0 : item.attrname,
+            "："
+          ] }),
+          /* @__PURE__ */ jsx("span", { style: { wordWrap: "break-word" }, children: attrvalue == null ? void 0 : attrvalue.typename })
+        ] }) }),
+        layoutType === "row" && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          /* @__PURE__ */ jsx(Col, { span: labelSpan, children: item == null ? void 0 : item.attrname }),
+          /* @__PURE__ */ jsx(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__ */ jsx(Space, { wrap: true, children: attrvalues.map((el, index) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          border: "1px solid rgba(0, 0, 0, 0.15)",
+          borderRadius: 4
+        },
+        children: /* @__PURE__ */ jsx(
+          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__ */ jsxs(Fragment, { children: [
+      layoutType === "flex" && /* @__PURE__ */ jsx(Col, { span, children: /* @__PURE__ */ jsxs(Flex, { children: [
+        /* @__PURE__ */ jsxs("span", { style: { flexShrink: 0 }, children: [
+          item == null ? void 0 : item.attrname,
+          "："
+        ] }),
+        valueNode()
+      ] }) }),
+      layoutType === "row" && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        /* @__PURE__ */ jsx(Col, { span: labelSpan, children: item == null ? void 0 : item.attrname }),
+        /* @__PURE__ */ jsx(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__ */ jsx(Space, { wrap: true, children: attrvalues.map((el, index) => /* @__PURE__ */ jsx("a", { onClick: () => window.open(el == null ? void 0 : el.FilePath), children: (el == null ? void 0 : el.FileName) || "-" }, index)) });
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      layoutType === "flex" && /* @__PURE__ */ jsx(Col, { span, children: /* @__PURE__ */ jsxs(Flex, { children: [
+        /* @__PURE__ */ jsxs("span", { style: { flexShrink: 0 }, children: [
+          item == null ? void 0 : item.attrname,
+          "："
+        ] }),
+        valueNode()
+      ] }) }),
+      layoutType === "row" && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        /* @__PURE__ */ jsx(Col, { span: labelSpan, children: item == null ? void 0 : item.attrname }),
+        /* @__PURE__ */ jsx(Col, { span: valueSpan, style: { wordWrap: "break-word" }, children: valueNode() })
+      ] })
+    ] }, item == null ? void 0 : item.attrid);
+  };
+  const renderTextAttr = (item, span, beforeExtraValue) => {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      layoutType === "flex" && /* @__PURE__ */ jsx(Col, { span, children: /* @__PURE__ */ jsxs(Flex, { children: [
+        /* @__PURE__ */ jsxs("span", { style: { flexShrink: 0 }, children: [
+          item == null ? void 0 : item.attrname,
+          "："
+        ] }),
+        /* @__PURE__ */ jsxs("span", { style: { wordWrap: "break-word" }, children: [
+          beforeExtraValue || "",
+          " ",
+          (item == null ? void 0 : item.attrvalue) || "-",
+          " "
+        ] })
+      ] }) }),
+      layoutType === "row" && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        /* @__PURE__ */ jsx(Col, { span: labelSpan, children: item == null ? void 0 : item.attrname }),
+        /* @__PURE__ */ jsxs(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__ */ jsx(Flex, { align: "center", children: /* @__PURE__ */ jsx(
+      Table,
+      {
+        style: { width: "100%" },
+        columns,
+        scroll: { x: "max-content" },
+        size: "small",
+        rowKey: "key",
+        onRow: 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 = useMemoizedFn(
+    ({
+      attrList = [],
+      span = 24,
+      type = "form",
+      servicesUniversalHeader = [],
+      beforeExtraValue = "",
+      operationColumn
+    }) => {
+      if (!(attrList == null ? void 0 : attrList.length))
+        return null;
+      if (type === "table") {
+        return /* @__PURE__ */ jsx(Fragment, { children: renderTableDetail({ attrList, servicesUniversalHeader, operationColumn }) });
+      }
+      return /* @__PURE__ */ jsx(Row, { gutter: [10, 8], children: attrList == null ? void 0 : attrList.map((item) => {
+        if ((item == null ? void 0 : item.attrtype) !== 0)
+          return /* @__PURE__ */ jsx(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 };
+}
+export {
+  useAttrSetDetailRenderer as default
+};

package/es/index.js

@@ -1,189 +1,44 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
+import { useEffect, useRef } from "react";
 import ReactDOM from "react-dom/client";
 import { BrowserRouter } from "react-router-dom";
-import { App, Form, Table, Upload, Button, Flex, message } from "antd";
-import useConfig from "./hooks/useConfig";
-import { useRowSelection, useChangePwd, HmacSM3, BackHeader, SearchTable, CreateForm, CustomPagination } from "./main";
-let key = "U2FsdGVkX1/dG1NSXNR9hnp3Ech/v6Gh8CDDJxgBm1EPFQel12ySIf84ARXCPwTae7TzwgPvjOyE3S5rAEzl/wAZmId6pbezpFeFcJqxdmIl3FeluYHFxJzQHDETTvrr3G/REvv00kHptOVwg6ecjPH6yk7PNit0sWTBLorROxLxMD8lVDmOA66p7Zp4QnYzqScYJGFbutmfHYXfBRBe1Q2UKummJ798svNY5SIwEwl4spzgyWmhARtuyq4zhysFrj/xODuNDjtwitA6XfX566WcZkj3F+2P+mkYzDYOhXXaomnlybjrZ2hEHfcczQhUfJd89O8PNIuEWo24wjYRgMdKlw5CWSeocFCqV7ZJ/CV/7vNRcaO4awKlFNobLikkwDznxpcX+4UEej+ED+pgfmPQLsKedcfEscStkSAZXaD5pBRTiFU9xGLfDt6seUrEnMBeXkpMIY9j1SZDDK18/G7lSHjDQMZYZP6sfLdBdwY=";
+import { ConfigProvider, App, Form, Button } from "antd";
+import { BackHeader, DynamicForm } from "./main";
+import { attrList } from "./mock";
+import { commonRequestWidthParams, uploadFormAction, commonRequest } from "./services";
+import zhCN from "antd/es/locale/zh_CN";
+import dayjs from "dayjs";
+dayjs.locale("zh-cn");
 const Demo = () => {
-  useConfig(key);
-  const [form] = Form.useForm();
-  useEffect(() => {
-  }, []);
-  const columns = [
-    {
-      dataIndex: ["a", 2],
-      title: "a"
-    },
-    Table.EXPAND_COLUMN,
-    {
-      dataIndex: "b",
-      title: "b",
-      width: 400
-    },
-    Table.SELECTION_COLUMN,
-    {
-      dataIndex: "c",
-      title: "c"
-    }
-  ];
-  const [list, setList] = useState(
-    Array(10).fill(0).map((v, i) => ({ id: i }))
-  );
-  const [current, setCurrent] = useState(1);
-  const data = [{ id: 1 }, { id: 12 }, { id: 21 }];
-  const { selectedKeys, selectedRows, setSelectedKeys } = useRowSelection({
-    dataSource: list,
-    rowKey: "id",
-    defaultRows: data
-  });
   useEffect(() => {
-    setSelectedKeys([1, 12, 21]);
   }, []);
-  const { handleChangePwd } = 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}`)) {
-        message.error(`只允许上传${accepts.join("、")}文件`);
-        return Upload.LIST_IGNORE;
-      }
-      return file;
-    }
-  };
-  const normFile = (e) => {
-    if (Array.isArray(e)) {
-      return e;
-    }
-    return e && e.fileList;
+  const formRef = useRef(null);
+  const [form] = Form.useForm();
+  const onFinish = (values) => {
   };
-  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__ */ jsx(Upload, { ...imgUploadProps, children: /* @__PURE__ */ jsx(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";
-  HmacSM3.hmac(sm3key, msg);
   return /* @__PURE__ */ jsxs("div", { style: { height: "100vh", display: "flex", flexDirection: "column", gap: 20 }, children: [
     /* @__PURE__ */ jsx(BackHeader, { title: "页头组件", isBack: true }),
-    /* @__PURE__ */ jsxs(Flex, { gap: 20, align: "center", children: [
-      "1. 测试修改密码hooks",
+    /* @__PURE__ */ jsxs(Form, { form, layout: "vertical", onFinish, children: [
+      "测试移动端动态组件",
       /* @__PURE__ */ jsx(
-        Button,
-        {
-          onClick: () => handleChangePwd((params) => {
-          }),
-          children: "修改密码"
-        }
-      )
+        DynamicForm,
+        {
+          interfaceTypeChildren: "YLFWLRDetailAttrlist",
+          formConfig: attrList,
+          form,
+          readonly: false,
+          relatedid: "",
+          colNum: 1,
+          defaultWidth: "100%",
+          commonRequestWidthParams,
+          uploadAction: uploadFormAction,
+          commonRequest,
+          instructionShowMode: "icon",
+          ref: formRef,
+          isMobile: true
+        }
+      ),
+      /* @__PURE__ */ jsx(Form.Item, { children: /* @__PURE__ */ jsx(Button, { type: "primary", htmlType: "submit", children: "提交" }) })
     ] }),
     /* @__PURE__ */ jsxs("div", { children: [
       "2. 测试循环滚动组件",
@@ -197,95 +52,9 @@ const Demo = () => {
           }
         }
       )
-    ] }),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsxs(Flex, { gap: 20, align: "center", style: { marginBottom: 10 }, children: [
-        "3. 测试表格组件",
-        /* @__PURE__ */ jsx(Button, { onClick: () => setList(columns), children: "test" })
-      ] }),
-      /* @__PURE__ */ jsx(
-        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__ */ jsxs("div", { children: [
-      "4. 测试创建表单组件",
-      /* @__PURE__ */ jsx(
-        CreateForm,
-        {
-          items: formItems,
-          formProps: { form, wrapperCol: { span: 24 }, style: { width: "60%", marginTop: 10 } }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("div", { children: [
-      "5. 测试自定义分页组件",
-      /* @__PURE__ */ jsx(
-        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
-        }
-      )
     ] })
   ] });
 };
 ReactDOM.createRoot(document.getElementById("root")).render(
-  /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(App, { children: /* @__PURE__ */ jsx(Demo, {}) }) })
+  /* @__PURE__ */ jsx(ConfigProvider, { locale: zhCN, children: /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(App, { children: /* @__PURE__ */ jsx(Demo, {}) }) }) })
 );