szld-libs 0.4.57 → 0.4.58

package/es/components/DynamicForm/index.js

@@ -69,7 +69,8 @@ const DynamicForm = forwardRef((props, ref) => {
       commonRequestWidthParams,
       langId,
       params: {
-        sysid: "3"
+        sysid: "3",
+        dicid: langId
       }
     });
     setLangData(langData2);

package/es/hooks/useDetailRender.js

@@ -213,17 +213,21 @@ function useDetailRender({
       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.info_base64 === 1 ? getJson(base64ToString(item.info)) : getJson(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);
+        try {
+          const info = item.info_base64 === 1 ? getJson(base64ToString(item.info)) : getJson(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, langConfig);
+        } catch (error) {
+          return renderTextAttr(item, span, beforeExtraValue, langConfig);
         }
-        return renderTextAttr(item, span, beforeExtraValue, langConfig);
       }) });
     }
   );

package/es/index.js

@@ -8,10 +8,12 @@ import ReactDOM from "react-dom/client";
 import zhCN from "antd/es/locale/zh_CN";
 import { attrList } from "./mock";
 import dayjs from "dayjs";
+import useDetailRender from "./hooks/useDetailRender";
 const index = "";
 const tableDetail = "";
 dayjs.locale("zh-cn");
 const Demo = () => {
+  const { renderDetail } = useDetailRender({ layoutType: "flex" });
   const formRef = useRef(null);
   const [form] = Form.useForm();
   const [list, setList] = useState([]);
@@ -31,31 +33,37 @@ const Demo = () => {
   };
   return /* @__PURE__ */ jsxs("div", { style: { height: "100vh", display: "flex", flexDirection: "column", gap: 20 }, children: [
     /* @__PURE__ */ jsx(BackHeader, { title: "页头组件", isBack: true }),
-    /* @__PURE__ */ jsx("div", { style: { padding: "20px" }, children: /* @__PURE__ */ jsxs(Form, { form, onValuesChange, layout: "vertical", onFinish, children: [
-      /* @__PURE__ */ jsx(
-        DynamicForm,
-        {
-          formConfig: list,
-          readonly: false,
-          form,
-          relatedid: "guid",
-          colNum: 1,
-          commonRequestWidthParams: () => {
-            return new Promise((resolve, reject) => {
-            });
-          },
-          uploadAction: () => "",
-          commonRequest: () => {
-            return new Promise((resolve, reject) => {
-            });
-          },
-          instructionShowMode: "icon",
-          ref: formRef,
-          langId
-        }
-      ),
-      /* @__PURE__ */ jsx(Form.Item, { name: "submit", style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx(Button, { type: "primary", htmlType: "submit", children: "Submit" }) })
-    ] }) }),
+    /* @__PURE__ */ jsxs("div", { style: { padding: "20px" }, children: [
+      renderDetail({
+        attrList,
+        span: 8
+      }),
+      /* @__PURE__ */ jsxs(Form, { form, onValuesChange, layout: "vertical", onFinish, children: [
+        /* @__PURE__ */ jsx(
+          DynamicForm,
+          {
+            formConfig: list,
+            readonly: false,
+            form,
+            relatedid: "guid",
+            colNum: 1,
+            commonRequestWidthParams: () => {
+              return new Promise((resolve, reject) => {
+              });
+            },
+            uploadAction: () => "",
+            commonRequest: () => {
+              return new Promise((resolve, reject) => {
+              });
+            },
+            instructionShowMode: "icon",
+            ref: formRef,
+            langId
+          }
+        ),
+        /* @__PURE__ */ jsx(Form.Item, { name: "submit", style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx(Button, { type: "primary", htmlType: "submit", children: "Submit" }) })
+      ] })
+    ] }),
     /* @__PURE__ */ jsxs("div", { children: [
       "2. 测试循环滚动组件",
       /* @__PURE__ */ jsx(

package/es/mock/index.js

@@ -1,124 +1,19 @@
 const baseAttrList = [];
 const attrList = [
   {
-    xh: 2,
-    asid: "3D047E82C28B4D918ED5E02A52206F2A",
+    xh: 1,
+    asid: "6DD67D8C648244378C7DBAEAC368ABCA",
     astype: 0,
-    tname: "zysqwzh_table",
-    attrid: "5C4E5041F12447B99A563E569F40DB40",
-    attrname: "账号",
+    tname: "rt_table2",
+    attrid: "6C06059DE61C4344BFA2E05674A04AF4",
+    attrname: "Dates",
     attrtype: 0,
-    info: '{\r\n  "input": "text",\r\n  "dataType": "string",\r\n  "length": 100,\r\n  "regexp": "/^[a-zA-Z!@#$%^&*,.\\_]+$/",\r\n  "regexp-message": "仅可输入英文+特殊符号(!@#$%^&*,._)",\r\n  "data-uniqueness": true,\r\n  "must": true\r\n}',
+    info: '{"input":"multiple-date-picker","range-picker-save":"single","dataType":"date","must":true,"max-tag-count":2}',
     info_base64: 0,
-    createtime: "2026-04-27 18:10:57",
+    createtime: "2026-02-11 14:31:06",
     attrvalue: "",
     serialnum: 1,
     children: []
-  },
-  {
-    xh: 3,
-    asid: "3D047E82C28B4D918ED5E02A52206F2A",
-    astype: 0,
-    tname: "zysqwzh_table",
-    attrid: "533C58403EF14EB99C05A97AD308E005",
-    attrname: "密码",
-    attrtype: 0,
-    info: '{\r\n  "input": "password",\r\n  "dataType": "string",\r\n  "length": 100,\r\n  "regexp": "/^(?=.*\\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*,.\\_])[\\da-zA-Z!@#$%^&*,.\\_]{8,16}$/",\r\n  "regexp-message": "请输入8-16位密码，必须包含数字、大写字母、小写字母和特殊符号(!@#$%^&*,._)",\r\n  "must": true,\r\n  "data-save-type": "encode|SM3|local|szldgg"\r\n}',
-    info_base64: 0,
-    createtime: "2026-04-27 18:11:30",
-    attrvalue: "",
-    serialnum: 2,
-    children: []
-  },
-  {
-    xh: 4,
-    asid: "3D047E82C28B4D918ED5E02A52206F2A",
-    astype: 0,
-    tname: "zysqwzh_table",
-    attrid: "7B008404ADCD4BEF864C363C273906B7",
-    attrname: "单位名称",
-    attrtype: 0,
-    info: '{"input":"text","message":"请输入单位名称","dataType":"string","length":100,"must":true}',
-    info_base64: 0,
-    createtime: "2026-04-27 18:12:40",
-    attrvalue: "",
-    serialnum: 3,
-    children: []
-  },
-  {
-    xh: 5,
-    asid: "3D047E82C28B4D918ED5E02A52206F2A",
-    astype: 0,
-    tname: "zysqwzh_table",
-    attrid: "C47E1F05EEBC45819F29A97ADCF67434",
-    attrname: "联系人",
-    attrtype: 0,
-    info: '{"input":"text","message":"请输入联系人","dataType":"string","length":10,"must":true}',
-    info_base64: 0,
-    createtime: "2026-04-27 18:13:02",
-    attrvalue: "",
-    serialnum: 4,
-    children: []
-  },
-  {
-    xh: 6,
-    asid: "3D047E82C28B4D918ED5E02A52206F2A",
-    astype: 0,
-    tname: "zysqwzh_table",
-    attrid: "FB3B3F384A7F48AE8DAEF48BB71E8A2A",
-    attrname: "联系电话",
-    attrtype: 0,
-    info: '{"input":"text","message":"请输入联系电话","dataType":"string","length":20,"must":true}',
-    info_base64: 0,
-    createtime: "2026-04-27 18:13:36",
-    attrvalue: "",
-    serialnum: 5,
-    children: []
-  },
-  {
-    xh: 7,
-    asid: "3D047E82C28B4D918ED5E02A52206F2A",
-    astype: 0,
-    tname: "zysqwzh_table",
-    attrid: "31476E09F6604BF88394462BDF2E4A79",
-    attrname: "备注",
-    attrtype: 0,
-    info: '{"input":"text","dataType":"string","length":1000,"must":true}',
-    info_base64: 0,
-    createtime: "2026-04-27 18:14:16",
-    attrvalue: "",
-    serialnum: 6,
-    children: []
-  },
-  {
-    xh: 9,
-    asid: "3D047E82C28B4D918ED5E02A52206F2A",
-    astype: 0,
-    tname: "zysqwzh_table",
-    attrid: "CDCD18D269D0414AA211635C694C674C",
-    attrname: "账号类型",
-    attrtype: 0,
-    info: '{"input":"select","dataType":"string","length":100,"inputType":"local","data":["普通","销售A","销售B"],"must":true,"default": "普通"}',
-    info_base64: 0,
-    createtime: "2026-04-29 18:24:25",
-    attrvalue: "",
-    serialnum: 8,
-    children: []
-  },
-  {
-    xh: 10,
-    asid: "3D047E82C28B4D918ED5E02A52206F2A",
-    astype: 0,
-    tname: "zysqwzh_table",
-    attrid: "8194CF02CAF54D34BEA0557AB1F2CFFA",
-    attrname: "分润比例",
-    attrtype: 0,
-    info: '{"input":"select","dataType":"string","length":100,"inputType":"local","data":["0","0.2","0.3"],"must":true,"default": "0"}',
-    info_base64: 0,
-    createtime: "2026-04-29 18:40:00",
-    attrvalue: "",
-    serialnum: 9,
-    children: []
   }
 ];
 const values = {

package/lib/components/DynamicForm/index.js

@@ -70,7 +70,8 @@ const DynamicForm = react.forwardRef((props, ref) => {
       commonRequestWidthParams,
       langId,
       params: {
-        sysid: "3"
+        sysid: "3",
+        dicid: langId
       }
     });
     setLangData(langData2);

package/lib/hooks/useDetailRender.js

@@ -214,17 +214,21 @@ function useDetailRender({
       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") {
-          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);
+        try {
+          const info = item.info_base64 === 1 ? method.getJson(method.base64ToString(item.info)) : method.getJson(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, langConfig);
+        } catch (error) {
+          return renderTextAttr(item, span, beforeExtraValue, langConfig);
         }
-        return renderTextAttr(item, span, beforeExtraValue, langConfig);
       }) });
     }
   );

package/lib/index.js

@@ -9,10 +9,12 @@ const ReactDOM = require("react-dom/client");
 const zhCN = require("antd/es/locale/zh_CN");
 const mock = require("./mock");
 const dayjs = require("dayjs");
+const useDetailRender = require("./hooks/useDetailRender");
 const index = "";
 const tableDetail = "";
 dayjs.locale("zh-cn");
 const Demo = () => {
+  const { renderDetail } = useDetailRender({ layoutType: "flex" });
   const formRef = react.useRef(null);
   const [form] = antd.Form.useForm();
   const [list, setList] = react.useState([]);
@@ -32,31 +34,37 @@ const Demo = () => {
   };
   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.jsx("div", { style: { padding: "20px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Form, { form, onValuesChange, layout: "vertical", onFinish, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        main.DynamicForm,
-        {
-          formConfig: list,
-          readonly: false,
-          form,
-          relatedid: "guid",
-          colNum: 1,
-          commonRequestWidthParams: () => {
-            return new Promise((resolve, reject) => {
-            });
-          },
-          uploadAction: () => "",
-          commonRequest: () => {
-            return new Promise((resolve, reject) => {
-            });
-          },
-          instructionShowMode: "icon",
-          ref: formRef,
-          langId
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { name: "submit", style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "primary", htmlType: "submit", children: "Submit" }) })
-    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "20px" }, children: [
+      renderDetail({
+        attrList: mock.attrList,
+        span: 8
+      }),
+      /* @__PURE__ */ jsxRuntime.jsxs(antd.Form, { form, onValuesChange, layout: "vertical", onFinish, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          main.DynamicForm,
+          {
+            formConfig: list,
+            readonly: false,
+            form,
+            relatedid: "guid",
+            colNum: 1,
+            commonRequestWidthParams: () => {
+              return new Promise((resolve, reject) => {
+              });
+            },
+            uploadAction: () => "",
+            commonRequest: () => {
+              return new Promise((resolve, reject) => {
+              });
+            },
+            instructionShowMode: "icon",
+            ref: formRef,
+            langId
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { name: "submit", style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "primary", htmlType: "submit", children: "Submit" }) })
+      ] })
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
       "2. 测试循环滚动组件",
       /* @__PURE__ */ jsxRuntime.jsx(

package/lib/mock/index.js

@@ -3,124 +3,19 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const baseAttrList = [];
 const attrList = [
   {
-    xh: 2,
-    asid: "3D047E82C28B4D918ED5E02A52206F2A",
+    xh: 1,
+    asid: "6DD67D8C648244378C7DBAEAC368ABCA",
     astype: 0,
-    tname: "zysqwzh_table",
-    attrid: "5C4E5041F12447B99A563E569F40DB40",
-    attrname: "账号",
+    tname: "rt_table2",
+    attrid: "6C06059DE61C4344BFA2E05674A04AF4",
+    attrname: "Dates",
     attrtype: 0,
-    info: '{\r\n  "input": "text",\r\n  "dataType": "string",\r\n  "length": 100,\r\n  "regexp": "/^[a-zA-Z!@#$%^&*,.\\_]+$/",\r\n  "regexp-message": "仅可输入英文+特殊符号(!@#$%^&*,._)",\r\n  "data-uniqueness": true,\r\n  "must": true\r\n}',
+    info: '{"input":"multiple-date-picker","range-picker-save":"single","dataType":"date","must":true,"max-tag-count":2}',
     info_base64: 0,
-    createtime: "2026-04-27 18:10:57",
+    createtime: "2026-02-11 14:31:06",
     attrvalue: "",
     serialnum: 1,
     children: []
-  },
-  {
-    xh: 3,
-    asid: "3D047E82C28B4D918ED5E02A52206F2A",
-    astype: 0,
-    tname: "zysqwzh_table",
-    attrid: "533C58403EF14EB99C05A97AD308E005",
-    attrname: "密码",
-    attrtype: 0,
-    info: '{\r\n  "input": "password",\r\n  "dataType": "string",\r\n  "length": 100,\r\n  "regexp": "/^(?=.*\\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*,.\\_])[\\da-zA-Z!@#$%^&*,.\\_]{8,16}$/",\r\n  "regexp-message": "请输入8-16位密码，必须包含数字、大写字母、小写字母和特殊符号(!@#$%^&*,._)",\r\n  "must": true,\r\n  "data-save-type": "encode|SM3|local|szldgg"\r\n}',
-    info_base64: 0,
-    createtime: "2026-04-27 18:11:30",
-    attrvalue: "",
-    serialnum: 2,
-    children: []
-  },
-  {
-    xh: 4,
-    asid: "3D047E82C28B4D918ED5E02A52206F2A",
-    astype: 0,
-    tname: "zysqwzh_table",
-    attrid: "7B008404ADCD4BEF864C363C273906B7",
-    attrname: "单位名称",
-    attrtype: 0,
-    info: '{"input":"text","message":"请输入单位名称","dataType":"string","length":100,"must":true}',
-    info_base64: 0,
-    createtime: "2026-04-27 18:12:40",
-    attrvalue: "",
-    serialnum: 3,
-    children: []
-  },
-  {
-    xh: 5,
-    asid: "3D047E82C28B4D918ED5E02A52206F2A",
-    astype: 0,
-    tname: "zysqwzh_table",
-    attrid: "C47E1F05EEBC45819F29A97ADCF67434",
-    attrname: "联系人",
-    attrtype: 0,
-    info: '{"input":"text","message":"请输入联系人","dataType":"string","length":10,"must":true}',
-    info_base64: 0,
-    createtime: "2026-04-27 18:13:02",
-    attrvalue: "",
-    serialnum: 4,
-    children: []
-  },
-  {
-    xh: 6,
-    asid: "3D047E82C28B4D918ED5E02A52206F2A",
-    astype: 0,
-    tname: "zysqwzh_table",
-    attrid: "FB3B3F384A7F48AE8DAEF48BB71E8A2A",
-    attrname: "联系电话",
-    attrtype: 0,
-    info: '{"input":"text","message":"请输入联系电话","dataType":"string","length":20,"must":true}',
-    info_base64: 0,
-    createtime: "2026-04-27 18:13:36",
-    attrvalue: "",
-    serialnum: 5,
-    children: []
-  },
-  {
-    xh: 7,
-    asid: "3D047E82C28B4D918ED5E02A52206F2A",
-    astype: 0,
-    tname: "zysqwzh_table",
-    attrid: "31476E09F6604BF88394462BDF2E4A79",
-    attrname: "备注",
-    attrtype: 0,
-    info: '{"input":"text","dataType":"string","length":1000,"must":true}',
-    info_base64: 0,
-    createtime: "2026-04-27 18:14:16",
-    attrvalue: "",
-    serialnum: 6,
-    children: []
-  },
-  {
-    xh: 9,
-    asid: "3D047E82C28B4D918ED5E02A52206F2A",
-    astype: 0,
-    tname: "zysqwzh_table",
-    attrid: "CDCD18D269D0414AA211635C694C674C",
-    attrname: "账号类型",
-    attrtype: 0,
-    info: '{"input":"select","dataType":"string","length":100,"inputType":"local","data":["普通","销售A","销售B"],"must":true,"default": "普通"}',
-    info_base64: 0,
-    createtime: "2026-04-29 18:24:25",
-    attrvalue: "",
-    serialnum: 8,
-    children: []
-  },
-  {
-    xh: 10,
-    asid: "3D047E82C28B4D918ED5E02A52206F2A",
-    astype: 0,
-    tname: "zysqwzh_table",
-    attrid: "8194CF02CAF54D34BEA0557AB1F2CFFA",
-    attrname: "分润比例",
-    attrtype: 0,
-    info: '{"input":"select","dataType":"string","length":100,"inputType":"local","data":["0","0.2","0.3"],"must":true,"default": "0"}',
-    info_base64: 0,
-    createtime: "2026-04-29 18:40:00",
-    attrvalue: "",
-    serialnum: 9,
-    children: []
   }
 ];
 const values = {

package/package.json

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