szld-libs 0.3.76 → 0.3.78

package/es/components/DynamicFormMobile/index.d.ts

@@ -18,6 +18,7 @@ export interface IformConfigItem {
 }
 
 export interface Ijson {
+  'instance-source-number'?: string; // 实例来源编号，配合instance-url使用
   'field-names'?: string; // 级联选择的自定义字段名
   'search-field'?: any; // 是否搜索字段
   'action-url-extra-params'?: { [key: string]: any }; // 弹窗选择对应多个表单字段时，额外的参数
@@ -45,7 +46,7 @@ export interface Ijson {
   'modal-height'?: number;
   //代表弹窗列表表头内容
   'modal-field-list'?: { [key: string]: string }; // 键值对，键为属性名，值为属性显示的列表表头内容
-  inputType?: 'local' | 'dictionary' | 'url' | 'system-dictionary';
+  inputType?: 'local' | 'dictionary' | 'url' | 'system-dictionary' | 'instance-url';
   data?: string[];
   //代表调用【字典管理系统】的值
   classify?: number | string | undefined;

package/es/components/DynamicFormMobile/index.js

@@ -5,7 +5,6 @@ import { Flex, Row } from "antd";
 import { Form, Button } from "react-vant";
 import { Plus } from "@react-vant/icons";
 const DynamicForm = forwardRef((props, ref) => {
-  const [form] = Form.useForm();
   const {
     formConfig,
     setFormConfig,
@@ -32,7 +31,9 @@ const DynamicForm = forwardRef((props, ref) => {
     formShowType = "form",
     formListItemWidth,
     formListItemName,
-    langId = "10001"
+    langId = "10001",
+    getTitle,
+    form
   } = props;
   const delFileListRef = useRef([]);
   const updateDelFileList = (file) => {
@@ -54,7 +55,8 @@ const DynamicForm = forwardRef((props, ref) => {
     actionUrlExtraParams,
     CustomModalComponent,
     hideAttrList,
-    langId
+    langId,
+    getTitle
   });
   useImperativeHandle(ref, () => ({
     getDelFileList: () => {

package/es/components/DynamicFormMobile/selectModelBackfillFormItem/index.d.ts

@@ -16,6 +16,7 @@ interface SelectModelProps {
     attrid: string;
     form: FormInstance;
     langId?: string;
+    getTitle?: (pageID: string, dataID: string) => string;
 }
 declare function SelectModel(props: SelectModelProps): import("react/jsx-runtime").JSX.Element;
 /**

package/es/components/DynamicFormMobile/selectModelBackfillFormItem/index.js

@@ -1,11 +1,24 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { Form, App, Select, Table, Modal } from "antd";
 import { useState, useEffect } from "react";
+import useUniversalTable from "../../../hooks/useUniversalTable";
 function SelectModel(props) {
-  const { item, disabled, style, commonRequestWidthParams, CustomModalComponent, attrid, form, langId } = props;
+  const {
+    item,
+    disabled,
+    style,
+    commonRequestWidthParams,
+    commonRequest,
+    CustomModalComponent,
+    attrid,
+    form,
+    langId,
+    getTitle
+  } = props;
   const attrValue = Form.useWatch(attrid, form);
   const { message } = App.useApp();
   const mode = item.input;
+  const { handleUniversalHeaderToColumns } = useUniversalTable();
   const [value, setValue] = useState(props.value);
   const [modalVisible, setModalVisible] = useState(false);
   const [selectedRowKeys, setSelectedRowKeys] = useState([]);
@@ -17,7 +30,7 @@ function SelectModel(props) {
   });
   const [dataSource, setDataSource] = useState([]);
   const [total, setTotal] = useState(0);
-  const columns = buildColumns();
+  const [columns, setColumns] = useState(buildColumns());
   useEffect(() => {
     if (!modalVisible) {
       return;
@@ -29,7 +42,7 @@ function SelectModel(props) {
     setSelectedRecords(selectedRows);
   };
   const getData = async () => {
-    var _a;
+    var _a, _b, _c, _d, _e;
     if (item.inputType === "url" && (item == null ? void 0 : item["action-url"])) {
       setLoading(true);
       try {
@@ -69,6 +82,49 @@ function SelectModel(props) {
       }
       return;
     }
+    if (item.inputType === "instance-url" && (item == null ? void 0 : item["instance-source-number"])) {
+      const defaultRequestParams = {
+        PageName: "PCInstanceData",
+        Controlname: "List",
+        InterfaceType: "YLFWLRDataList"
+      };
+      const _params = {
+        "source-number": item == null ? void 0 : item["instance-source-number"],
+        ...params
+      };
+      try {
+        const res = await commonRequestWidthParams(defaultRequestParams, _params);
+        if ((res == null ? void 0 : res.ReturnValue) === 1) {
+          const list = (_c = ((_b = res == null ? void 0 : res.data) == null ? void 0 : _b.list) || []) == null ? void 0 : _c.map((item2, index) => {
+            const _rowKey = (params.PageNum - 1) * params.PageSize + index;
+            return {
+              ...item2,
+              _rowKey
+            };
+          });
+          setTotal(((_d = res == null ? void 0 : res.data) == null ? void 0 : _d.number) || 0);
+          setDataSource([...list]);
+        }
+        const config = await commonRequest("YLKHDSelPCParam", {
+          "source-number": item == null ? void 0 : item["instance-source-number"]
+        });
+        if ((config == null ? void 0 : config.ReturnValue) === 1) {
+          const configData = (_e = config == null ? void 0 : config.data) == null ? void 0 : _e[item == null ? void 0 : item["instance-source-number"]];
+          const universalHeader = (configData == null ? void 0 : configData["universal-header"]) || [];
+          const attributeSetId = (configData == null ? void 0 : configData["attribute-set-id"]) || "";
+          const list = handleUniversalHeaderToColumns({
+            universalHeader,
+            attributeSetId,
+            getTitle,
+            otherLangPageId: "5000000"
+          }) || [];
+          setColumns([...list]);
+        }
+      } catch (error) {
+      }
+      return;
+    }
+    message.error(langId === "10001" ? "参数配置错误" : "Parameter configuration error");
     message.error(langId === "10001" ? "请配置action-url" : "Please configure action-url");
   };
   const openModal = () => {

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

@@ -20,6 +20,7 @@ interface IDynamicFormProps {
     setAttrList?: (config: IformConfigItem[]) => void;
     hideAttrList?: string[];
     langId?: string;
+    getTitle?: (pageID: string, dataID: string) => string;
 }
 type NestedFormListFieldData = FormListFieldData & {
     parentName?: (string | number)[];

package/es/components/DynamicFormMobile/useDynamicForm.js

@@ -30,7 +30,8 @@ function useDynamicForm(props) {
     actionUrlExtraParams,
     CustomModalComponent,
     hideAttrList = [],
-    langId = "10001"
+    langId = "10001",
+    getTitle
   } = props;
   const formConfigRef = useRef([]);
   const { message } = App.useApp();
@@ -530,7 +531,8 @@ function useDynamicForm(props) {
               form.setFieldsValue(value);
             },
             disabled: readonly,
-            CustomModalComponent
+            CustomModalComponent,
+            getTitle
           }
         );
       }

package/es/index.js

@@ -1,14 +1,16 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { commonRequestWidthParams, uploadFormAction, commonRequest } from "./services";
 import { handleAttrList } from "./utils/method";
-import { BackHeader, DynamicForm } from "./main";
+import { BackHeader, DynamicFormMobile } from "./main";
 import { BrowserRouter } from "react-router-dom";
-import { ConfigProvider, App, Form, Button } from "antd";
+import { ConfigProvider, App } from "antd";
+import { Form, Button } from "react-vant";
 import { useRef, useState, useEffect } from "react";
 import ReactDOM from "react-dom/client";
 import zhCN from "antd/es/locale/zh_CN";
 import { attrList, langConfig } from "./mock";
 import dayjs from "dayjs";
+import "./utils/szxkFunc";
 const index = "";
 const tableDetail = "";
 dayjs.locale("zh-cn");
@@ -28,7 +30,7 @@ const Demo = () => {
     /* @__PURE__ */ jsx(BackHeader, { title: "页头组件", isBack: true }),
     /* @__PURE__ */ jsx("div", { style: {}, children: /* @__PURE__ */ jsxs(Form, { form, onValuesChange, onFinish, children: [
       /* @__PURE__ */ jsx(
-        DynamicForm,
+        DynamicFormMobile,
         {
           formConfig: list,
           readonly: false,
@@ -44,7 +46,7 @@ const Demo = () => {
           langId
         }
       ),
-      /* @__PURE__ */ jsx(Form.Item, { name: "submit", style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx(Button, { type: "primary", htmlType: "submit", children: "提交" }) })
+      /* @__PURE__ */ jsx(Form.Item, { name: "submit", style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx(Button, { round: true, nativeType: "submit", type: "primary", block: true, children: "提交" }) })
     ] }) }),
     /* @__PURE__ */ jsxs("div", { children: [
       "2. 测试循环滚动组件",

package/es/mock/index.js

@@ -2,25 +2,112 @@ const baseAttrList = [];
 const attrList = [
   {
     xh: 1,
-    asid: "2F79EF19DBD846D2AD5309E85A436689",
+    asid: "2FD08E801868439EA44CC593CA27F745",
     astype: 0,
-    tname: "fjffrt_table2",
-    attrid: "47081ED51BB4407C92070CB7CAA8D056",
-    attrname: "Dates",
+    tname: "jy_table2_time",
+    attrid: "6A5984BD547449088172BD33F2A965E8",
+    attrname: "预定日期",
     attrtype: 0,
-    info: '{"input":"range-picker","dataType":"date","input-width":370,"must":true,"readonly":true}',
+    info: '{"input":"range-picker","range-picker-save":"range","dataType":"string","length":100,"disable-date-goover":true,"must":true}',
     info_base64: 0,
-    createtime: "2026-02-11 15:18:12",
+    createtime: "2026-02-11 14:27:16",
     attrvalue: "",
     serialnum: 1,
     children: [],
     json: {
       input: "range-picker",
-      dataType: "date",
-      "input-width": 370,
-      must: true,
-      readonly: true
-    }
+      "range-picker-save": "range",
+      dataType: "string",
+      length: 100,
+      "disable-date-goover": true,
+      must: true
+    },
+    attrLangConfig: [
+      {
+        jxqyglbh: "2579",
+        lanid: "2708E89E803144B799E775A763583601",
+        sysid: "1",
+        sysname: "属性集",
+        systype: "",
+        pageid: "2FD08E801868439EA44CC593CA27F745",
+        pageinfo: "DPQ寄养填写信息",
+        dataid: "27638FC5E2BA4FB88AFB0A9CF77558F7",
+        datainfo: "接走时间",
+        dicid: "10001",
+        info: "中文",
+        content: "接走时间"
+      },
+      {
+        jxqyglbh: "2580",
+        lanid: "FD9D30A5508447F7BFAE158A07F97DA1",
+        sysid: "1",
+        sysname: "属性集",
+        systype: "",
+        pageid: "2FD08E801868439EA44CC593CA27F745",
+        pageinfo: "DPQ寄养填写信息",
+        dataid: "4E507938BE7448E5883CFCD9C962707D",
+        datainfo: "送到时间",
+        dicid: "10001",
+        info: "中文",
+        content: "送到时间"
+      },
+      {
+        jxqyglbh: "2582",
+        lanid: "DBE02B29F07843678E8684D5A509F8EC",
+        sysid: "1",
+        sysname: "属性集",
+        systype: "",
+        pageid: "2FD08E801868439EA44CC593CA27F745",
+        pageinfo: "DPQ寄养填写信息",
+        dataid: "6A5984BD547449088172BD33F2A965E8",
+        datainfo: "预定日期",
+        dicid: "10001",
+        info: "中文",
+        content: "预定日期"
+      },
+      {
+        jxqyglbh: "2804",
+        lanid: "13455BEAD2054605AF4E7F2808E065F2",
+        sysid: "1",
+        sysname: "属性集",
+        systype: "",
+        pageid: "2FD08E801868439EA44CC593CA27F745",
+        pageinfo: "DPQ寄养填写信息2",
+        dataid: "6A5984BD547449088172BD33F2A965E8",
+        datainfo: "表单Dates",
+        dicid: "10001",
+        info: "中文",
+        content: "日期"
+      },
+      {
+        jxqyglbh: "2805",
+        lanid: "6D7CCAE35F3F463CBCDC8F6B3416526C",
+        sysid: "1",
+        sysname: "属性集",
+        systype: "",
+        pageid: "2FD08E801868439EA44CC593CA27F745",
+        pageinfo: "DPQ寄养填写信息2",
+        dataid: "4E507938BE7448E5883CFCD9C962707D",
+        datainfo: "表单-到店时间",
+        dicid: "10001",
+        info: "中文",
+        content: "到店时间"
+      },
+      {
+        jxqyglbh: "2807",
+        lanid: "FAFC582DC6104CF58A8ADEBDCCDA77A7",
+        sysid: "1",
+        sysname: "属性集",
+        systype: "",
+        pageid: "2FD08E801868439EA44CC593CA27F745",
+        pageinfo: "DPQ寄养填写信息2",
+        dataid: "27638FC5E2BA4FB88AFB0A9CF77558F7",
+        datainfo: "表单-离店时间",
+        dicid: "10001",
+        info: "中文",
+        content: "离店时间"
+      }
+    ]
   }
 ];
 const langConfig = [

package/es/utils/szxkFunc.d.ts

@@ -66,3 +66,4 @@ export declare const handleSetTableRowColor: (record: any, index: number | undef
         backgroundColor: string;
     };
 };
+export declare const handleFormatMobileDate: (values: Record<string, any>, format?: string) => Record<string, any>;

package/es/utils/szxkFunc.js

@@ -1,3 +1,5 @@
+import dayjs from "dayjs";
+import _ from "lodash";
 const handleGetAttrList = async (params, commonRequest, interfaceType) => {
   var _a;
   try {
@@ -62,8 +64,20 @@ const handleSetTableRowColor = (record, index, ngColor) => ({
     backgroundColor: index !== void 0 && index % 2 === 1 ? (ngColor == null ? void 0 : ngColor[0]) || "var(--bg-color-2)" : (ngColor == null ? void 0 : ngColor[1]) || "var(--bg-color-3)"
   }
 });
+const handleFormatMobileDate = (values, format = "YYYY-MM-DD") => {
+  Object.entries(_.cloneDeep(values)).forEach(([key, value]) => {
+    if (Array.isArray(value) && value.length > 0 && value[0] instanceof Date) {
+      values[key] = value.map((item) => dayjs(item).format(format));
+    }
+    if (value instanceof Date) {
+      values[key] = dayjs(value).format(format);
+    }
+  });
+  return values;
+};
 export {
   handleCallSupportCode,
+  handleFormatMobileDate,
   handleGetAttrDetail,
   handleGetAttrList,
   handleGetList,

package/lib/components/DynamicFormMobile/index.d.ts

@@ -18,6 +18,7 @@ export interface IformConfigItem {
 }
 
 export interface Ijson {
+  'instance-source-number'?: string; // 实例来源编号，配合instance-url使用
   'field-names'?: string; // 级联选择的自定义字段名
   'search-field'?: any; // 是否搜索字段
   'action-url-extra-params'?: { [key: string]: any }; // 弹窗选择对应多个表单字段时，额外的参数
@@ -45,7 +46,7 @@ export interface Ijson {
   'modal-height'?: number;
   //代表弹窗列表表头内容
   'modal-field-list'?: { [key: string]: string }; // 键值对，键为属性名，值为属性显示的列表表头内容
-  inputType?: 'local' | 'dictionary' | 'url' | 'system-dictionary';
+  inputType?: 'local' | 'dictionary' | 'url' | 'system-dictionary' | 'instance-url';
   data?: string[];
   //代表调用【字典管理系统】的值
   classify?: number | string | undefined;

package/lib/components/DynamicFormMobile/index.js

@@ -6,7 +6,6 @@ const antd = require("antd");
 const reactVant = require("react-vant");
 const icons = require("@react-vant/icons");
 const DynamicForm = react.forwardRef((props, ref) => {
-  const [form] = reactVant.Form.useForm();
   const {
     formConfig,
     setFormConfig,
@@ -33,7 +32,9 @@ const DynamicForm = react.forwardRef((props, ref) => {
     formShowType = "form",
     formListItemWidth,
     formListItemName,
-    langId = "10001"
+    langId = "10001",
+    getTitle,
+    form
   } = props;
   const delFileListRef = react.useRef([]);
   const updateDelFileList = (file) => {
@@ -55,7 +56,8 @@ const DynamicForm = react.forwardRef((props, ref) => {
     actionUrlExtraParams,
     CustomModalComponent,
     hideAttrList,
-    langId
+    langId,
+    getTitle
   });
   react.useImperativeHandle(ref, () => ({
     getDelFileList: () => {

package/lib/components/DynamicFormMobile/selectModelBackfillFormItem/index.d.ts

@@ -16,6 +16,7 @@ interface SelectModelProps {
     attrid: string;
     form: FormInstance;
     langId?: string;
+    getTitle?: (pageID: string, dataID: string) => string;
 }
 declare function SelectModel(props: SelectModelProps): import("react/jsx-runtime").JSX.Element;
 /**

package/lib/components/DynamicFormMobile/selectModelBackfillFormItem/index.js

@@ -3,11 +3,24 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const jsxRuntime = require("react/jsx-runtime");
 const antd = require("antd");
 const react = require("react");
+const useUniversalTable = require("../../../hooks/useUniversalTable");
 function SelectModel(props) {
-  const { item, disabled, style, commonRequestWidthParams, CustomModalComponent, attrid, form, langId } = props;
+  const {
+    item,
+    disabled,
+    style,
+    commonRequestWidthParams,
+    commonRequest,
+    CustomModalComponent,
+    attrid,
+    form,
+    langId,
+    getTitle
+  } = props;
   const attrValue = antd.Form.useWatch(attrid, form);
   const { message } = antd.App.useApp();
   const mode = item.input;
+  const { handleUniversalHeaderToColumns } = useUniversalTable();
   const [value, setValue] = react.useState(props.value);
   const [modalVisible, setModalVisible] = react.useState(false);
   const [selectedRowKeys, setSelectedRowKeys] = react.useState([]);
@@ -19,7 +32,7 @@ function SelectModel(props) {
   });
   const [dataSource, setDataSource] = react.useState([]);
   const [total, setTotal] = react.useState(0);
-  const columns = buildColumns();
+  const [columns, setColumns] = react.useState(buildColumns());
   react.useEffect(() => {
     if (!modalVisible) {
       return;
@@ -31,7 +44,7 @@ function SelectModel(props) {
     setSelectedRecords(selectedRows);
   };
   const getData = async () => {
-    var _a;
+    var _a, _b, _c, _d, _e;
     if (item.inputType === "url" && (item == null ? void 0 : item["action-url"])) {
       setLoading(true);
       try {
@@ -71,6 +84,49 @@ function SelectModel(props) {
       }
       return;
     }
+    if (item.inputType === "instance-url" && (item == null ? void 0 : item["instance-source-number"])) {
+      const defaultRequestParams = {
+        PageName: "PCInstanceData",
+        Controlname: "List",
+        InterfaceType: "YLFWLRDataList"
+      };
+      const _params = {
+        "source-number": item == null ? void 0 : item["instance-source-number"],
+        ...params
+      };
+      try {
+        const res = await commonRequestWidthParams(defaultRequestParams, _params);
+        if ((res == null ? void 0 : res.ReturnValue) === 1) {
+          const list = (_c = ((_b = res == null ? void 0 : res.data) == null ? void 0 : _b.list) || []) == null ? void 0 : _c.map((item2, index) => {
+            const _rowKey = (params.PageNum - 1) * params.PageSize + index;
+            return {
+              ...item2,
+              _rowKey
+            };
+          });
+          setTotal(((_d = res == null ? void 0 : res.data) == null ? void 0 : _d.number) || 0);
+          setDataSource([...list]);
+        }
+        const config = await commonRequest("YLKHDSelPCParam", {
+          "source-number": item == null ? void 0 : item["instance-source-number"]
+        });
+        if ((config == null ? void 0 : config.ReturnValue) === 1) {
+          const configData = (_e = config == null ? void 0 : config.data) == null ? void 0 : _e[item == null ? void 0 : item["instance-source-number"]];
+          const universalHeader = (configData == null ? void 0 : configData["universal-header"]) || [];
+          const attributeSetId = (configData == null ? void 0 : configData["attribute-set-id"]) || "";
+          const list = handleUniversalHeaderToColumns({
+            universalHeader,
+            attributeSetId,
+            getTitle,
+            otherLangPageId: "5000000"
+          }) || [];
+          setColumns([...list]);
+        }
+      } catch (error) {
+      }
+      return;
+    }
+    message.error(langId === "10001" ? "参数配置错误" : "Parameter configuration error");
     message.error(langId === "10001" ? "请配置action-url" : "Please configure action-url");
   };
   const openModal = () => {

package/lib/components/DynamicFormMobile/useDynamicForm.d.ts

@@ -20,6 +20,7 @@ interface IDynamicFormProps {
     setAttrList?: (config: IformConfigItem[]) => void;
     hideAttrList?: string[];
     langId?: string;
+    getTitle?: (pageID: string, dataID: string) => string;
 }
 type NestedFormListFieldData = FormListFieldData & {
     parentName?: (string | number)[];

package/lib/components/DynamicFormMobile/useDynamicForm.js

@@ -31,7 +31,8 @@ function useDynamicForm(props) {
     actionUrlExtraParams,
     CustomModalComponent,
     hideAttrList = [],
-    langId = "10001"
+    langId = "10001",
+    getTitle
   } = props;
   const formConfigRef = react.useRef([]);
   const { message } = antd.App.useApp();
@@ -531,7 +532,8 @@ function useDynamicForm(props) {
               form.setFieldsValue(value);
             },
             disabled: readonly,
-            CustomModalComponent
+            CustomModalComponent,
+            getTitle
           }
         );
       }

package/lib/index.js

@@ -5,17 +5,19 @@ const method = require("./utils/method");
 const main = require("./main");
 const reactRouterDom = require("react-router-dom");
 const antd = require("antd");
+const reactVant = require("react-vant");
 const react = require("react");
 const ReactDOM = require("react-dom/client");
 const zhCN = require("antd/es/locale/zh_CN");
 const mock = require("./mock");
 const dayjs = require("dayjs");
+require("./utils/szxkFunc");
 const index = "";
 const tableDetail = "";
 dayjs.locale("zh-cn");
 const Demo = () => {
   const formRef = react.useRef(null);
-  const [form] = antd.Form.useForm();
+  const [form] = reactVant.Form.useForm();
   const [list, setList] = react.useState([]);
   const [langId, setLangId] = react.useState("");
   const onValuesChange = async (values, allValues) => {
@@ -27,9 +29,9 @@ 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: {}, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Form, { form, onValuesChange, onFinish, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: {}, children: /* @__PURE__ */ jsxRuntime.jsxs(reactVant.Form, { form, onValuesChange, onFinish, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        main.DynamicForm,
+        main.DynamicFormMobile,
         {
           formConfig: list,
           readonly: false,
@@ -45,7 +47,7 @@ const Demo = () => {
           langId
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { name: "submit", style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "primary", htmlType: "submit", children: "提交" }) })
+      /* @__PURE__ */ jsxRuntime.jsx(reactVant.Form.Item, { name: "submit", style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsx(reactVant.Button, { round: true, nativeType: "submit", type: "primary", block: true, children: "提交" }) })
     ] }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
       "2. 测试循环滚动组件",