szld-libs 0.3.66 → 0.3.68

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

@@ -18,6 +18,7 @@ export interface IformConfigItem {
 }
 
 export interface Ijson {
+  'instance-source-number'?: string; // 实例来源编号，配合instance-url使用
   'max-tag-count'?: number; // 最大标签数量
   readonly: boolean; // 是否只读属性
   'field-names'?: string; // 级联选择的自定义字段名
@@ -47,7 +48,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/DynamicForm/selectModelBackfillFormItem/index.d.ts

@@ -13,6 +13,7 @@ interface SelectModelProps {
     commonRequestWidthParams: (params: object, data?: any) => Promise<AxiosResponse<any, any>>;
     commonRequest: (InterfaceType: string, data?: any) => Promise<AxiosResponse<any, any>>;
     CustomModalComponent?: React.FC<ICustomModal>;
+    getTitle?: (pageID: string, dataID: string) => string;
     attrid: string;
     form: FormInstance;
     langId?: string;

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

@@ -2,8 +2,20 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { Form, App, Select, Table, Modal } from "antd";
 import { useState, useEffect } from "react";
 import { handleGetPlaceholder } from "../func";
+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;
@@ -18,7 +30,8 @@ function SelectModel(props) {
   });
   const [dataSource, setDataSource] = useState([]);
   const [total, setTotal] = useState(0);
-  const columns = buildColumns();
+  const [columns, setColumns] = useState(buildColumns());
+  const { handleUniversalHeaderToColumns } = useUniversalTable();
   useEffect(() => {
     if (!modalVisible) {
       return;
@@ -30,7 +43,7 @@ function SelectModel(props) {
     setSelectedRecords(selectedRows);
   };
   const getData = async () => {
-    var _a;
+    var _a, _b;
     if (item.inputType === "url" && (item == null ? void 0 : item["action-url"])) {
       setLoading(true);
       try {
@@ -69,6 +82,38 @@ 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) {
+          setDataSource(((_b = res == null ? void 0 : res.data) == null ? void 0 : _b.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 = config == null ? void 0 : config.data;
+          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
+          }) || [];
+          setColumns(list);
+        }
+      } catch (error) {
+      }
+    }
     message.error(langId === "10001" ? "参数配置错误" : "Parameter configuration error");
   };
   const openModal = () => {
@@ -122,6 +167,9 @@ function SelectModel(props) {
   };
   function buildColumns() {
     const modalFieldList = item["modal-field-list"];
+    if (!modalFieldList) {
+      return [];
+    }
     let columns2 = [];
     for (let fieldName in modalFieldList) {
       let title = modalFieldList[fieldName];

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

@@ -18,6 +18,7 @@ interface IDynamicFormProps {
     isEdit?: boolean;
     formShowType?: 'form' | 'table';
     langId?: string;
+    getTitle?: (pageID: string, dataID: string) => string;
 }
 type NestedFormListFieldData = FormListFieldData & {
     parentName?: (string | number)[];

package/es/components/DynamicForm/useDynamicForm.js

@@ -30,7 +30,8 @@ function useDynamicForm(props) {
     CustomModalComponent,
     isEdit,
     formShowType = "form",
-    langId
+    langId,
+    getTitle
   } = props;
   const formConfigRef = useRef([]);
   const { message } = App.useApp();
@@ -115,9 +116,13 @@ function useDynamicForm(props) {
           break;
         case "range-picker":
           baseProps.getValueFromEvent = (date) => date == null ? void 0 : date.map((d) => d == null ? void 0 : d.format(format || "YYYY-MM-DD"));
-          baseProps.getValueProps = (value) => ({
-            value: (value == null ? void 0 : value.map((v) => dayjs(v))) || null
-          });
+          baseProps.getValueProps = (value) => {
+            if (!(value == null ? void 0 : value.length) && !Array.isArray(value))
+              return { value: null };
+            return {
+              value: (value == null ? void 0 : value.map((v) => dayjs(v))) || null
+            };
+          };
           break;
         case "multiple-date-picker":
           baseProps.getValueFromEvent = (date) => date == null ? void 0 : date.map((d) => d == null ? void 0 : d.format(format || "YYYY-MM-DD"));
@@ -552,6 +557,7 @@ function useDynamicForm(props) {
             item: item.json,
             form,
             attrid,
+            getTitle,
             value: item.attrvalue || item.json.default || "",
             commonRequestWidthParams,
             commonRequest,

package/es/hooks/useUniversalTable.d.ts

@@ -6,13 +6,13 @@ declare function useUniversalTable(): {
         extraBtn?: ((record: any, content: string, item: any) => ReactNode) | undefined;
         operationColumnConfig?: any;
         attributeSetId?: string | undefined;
-        getTitle?: ((commonId: string, code: string) => string) | undefined;
+        getTitle?: ((pageID: string, dataID: string) => string) | undefined;
         downloadText?: string | undefined;
         isDefaultWidth?: boolean | undefined;
         otherLangPageId?: string | undefined;
         objDefaultLangPageId?: string | undefined;
     }) => any[] | import("antd/es/message/interface").MessageType;
-    handleSelListToFormItems: ({ selListData, handleSearch, handleReset, detail, styles, attributeSetId, commonRequest, commonRequestWidthParams, getTitle, searchText, resetText, }: {
+    handleSelListToFormItems: ({ selListData, handleSearch, handleReset, detail, styles, attributeSetId, commonRequest, commonRequestWidthParams, getTitle, searchText, resetText, langConfig, }: {
         selListData: any[];
         handleSearch: (values: any, selListData: any[]) => void;
         handleReset: (values: any) => void;
@@ -24,6 +24,7 @@ declare function useUniversalTable(): {
         getTitle?: ((commonId: string, code: string, defaultTitle?: string) => string) | undefined;
         searchText?: string | undefined;
         resetText?: string | undefined;
+        langConfig?: any;
     }) => Promise<{
         formItems: import("szld-libs/lib/components/CreateForm").CreateFormItemProps<import("szld-libs/lib/components/CreateForm").ValueType>[];
         selList: any[];

package/es/hooks/useUniversalTable.js

@@ -5,6 +5,7 @@ import { App, Flex, Space, Button, Tooltip } from "antd";
 import { downloadUrl } from "../utils/download";
 function useUniversalTable() {
   const { message, modal } = App.useApp();
+  const attrListCache = {};
   const handleSelListToFormItems = async ({
     selListData,
     handleSearch,
@@ -16,181 +17,196 @@ function useUniversalTable() {
     commonRequestWidthParams,
     getTitle,
     searchText = "搜索",
-    resetText = "重置"
+    resetText = "重置",
+    langConfig = []
   }) => {
-    if ((selListData == null ? void 0 : selListData.length) && detail) {
-      selListData.forEach((item) => {
-        var _a;
-        const key = ((_a = item["default-render-data"]) == null ? void 0 : _a.key) || "";
-        if (key) {
-          item.attrvalue = (detail == null ? void 0 : detail[key]) || "";
-        }
-      });
-    }
-    const searchItems = selListData.filter((item) => {
-      var _a;
-      return ((_a = item.renderdata) == null ? void 0 : _a.input) !== "tab";
-    });
-    const selectItems = searchItems.filter(
-      (item) => {
-        var _a;
-        return ["select", "checkbox", "radio", "mult-select", "cascader"].includes((_a = item.renderdata) == null ? void 0 : _a.input);
+    var _a;
+    try {
+      if ((selListData == null ? void 0 : selListData.length) && detail) {
+        selListData.forEach((item) => {
+          var _a2;
+          const key = ((_a2 = item["default-render-data"]) == null ? void 0 : _a2.key) || "";
+          if (key) {
+            item.attrvalue = (detail == null ? void 0 : detail[key]) || "";
+          }
+        });
       }
-    );
-    let attrList = [];
-    if (selectItems == null ? void 0 : selectItems.length) {
-      const list = await handleGetAttrList(
-        {
-          asid: attributeSetId
-        },
-        commonRequest
+      const searchItems = selListData.filter(
+        (item) => {
+          var _a2;
+          return ((_a2 = item.renderdata) == null ? void 0 : _a2.input) !== "tab" && !(item == null ? void 0 : item["default-render-data"]);
+        }
       );
-      attrList = handleBaseAttrList(list) || [];
-    }
-    const formItems = await Promise.all(
-      searchItems.map(async (item) => {
-        var _a;
-        const renderdata = item.renderdata || {};
-        const { input, width } = renderdata || {};
-        const labelCol = (renderdata == null ? void 0 : renderdata["label-col"]) || 6;
-        const renderPlaceholder = () => {
-          const value = renderdata["default-prompt"];
-          if (getTitle) {
-            if (typeof value === "string") {
-              return getTitle(attributeSetId, item.attrid, value);
-            } else if (Array.isArray(value)) {
-              return [
-                getTitle(attributeSetId, `${item.attrid}_1`, value[0]),
-                getTitle(attributeSetId, `${item.attrid}_2`, value[1])
-              ];
-            }
-          } else {
-            return value || "";
-          }
-        };
-        let valueType = "input";
-        switch (input) {
-          case "range-picker":
-            valueType = "rangePicker";
-            break;
-          case "number":
-            valueType = "inputNumber";
-            break;
-          case "select":
-          case "checkbox":
-          case "radio":
-          case "textarea":
-            valueType = input;
-            break;
-          case "mult-select":
-            valueType = "select";
-            break;
-          case "time-picker":
-            valueType = "timePicker";
-            break;
-          case "date-picker":
-            valueType = "datePicker";
-            break;
-          case "cascader":
-            valueType = "cascader";
-            break;
-          default:
-            valueType = "input";
-            break;
+      const selectItems = searchItems.filter(
+        (item) => {
+          var _a2;
+          return ["select", "checkbox", "radio", "mult-select", "cascader"].includes((_a2 = item.renderdata) == null ? void 0 : _a2.input);
         }
-        const formItem = {
-          dataIndex: item.attrid,
-          title: item.attrname || "",
-          valueType,
-          valueProps: {
-            placeholder: renderPlaceholder()
-          },
-          colProps: {},
-          formItemProps: {
-            style: { marginBottom: 10, width: typeof width === "string" ? `${width}px` : width || 240 },
-            labelCol: { span: labelCol }
-          }
-        };
-        if (["select", "checkbox", "radio", "mult-select", "cascader"].includes(input)) {
-          const attrid = item.attrid || "";
-          const attrItem = attrList.find((attrItem2) => attrItem2.attrid === attrid);
-          let json = (attrItem == null ? void 0 : attrItem.json) || {};
-          if (!(json == null ? void 0 : json.inputType) && (renderdata == null ? void 0 : renderdata["input-type"])) {
-            json = {
-              ...json,
-              inputType: renderdata == null ? void 0 : renderdata["input-type"],
-              "action-url": renderdata == null ? void 0 : renderdata["action-url"],
-              "field-names": renderdata == null ? void 0 : renderdata["field-names"],
-              "key-field": {
-                ...renderdata == null ? void 0 : renderdata["key-field"]
+      );
+      let attrList = [];
+      if (selectItems == null ? void 0 : selectItems.length) {
+        if ((_a = attrListCache[attributeSetId]) == null ? void 0 : _a.length) {
+          attrList = attrListCache[attributeSetId];
+        } else {
+          const list = await handleGetAttrList(
+            {
+              asid: attributeSetId
+            },
+            commonRequest
+          );
+          attrList = handleBaseAttrList(list) || [];
+          attrListCache[attributeSetId] = attrList || [];
+        }
+      }
+      const formItems = await Promise.all(
+        searchItems.map(async (item) => {
+          var _a2;
+          const renderdata = item.renderdata || {};
+          const { input, width } = renderdata || {};
+          const labelCol = (renderdata == null ? void 0 : renderdata["label-col"]) || 6;
+          const renderPlaceholder = () => {
+            const value = renderdata["default-prompt"];
+            if (getTitle) {
+              if (typeof value === "string") {
+                const getTitleResult = getTitle(attributeSetId || "", value);
+                const isGetTitleArrayStr = isArrayString(getTitleResult);
+                if (input === "range-picker" && value && isGetTitleArrayStr) {
+                  return JSON.parse(getTitleResult);
+                } else {
+                  return getTitleResult;
+                }
               }
-            };
+            } else {
+              return value || "";
+            }
+          };
+          let valueType = "input";
+          switch (input) {
+            case "range-picker":
+              valueType = "rangePicker";
+              break;
+            case "number":
+              valueType = "inputNumber";
+              break;
+            case "select":
+            case "checkbox":
+            case "radio":
+            case "textarea":
+              valueType = input;
+              break;
+            case "mult-select":
+              valueType = "select";
+              break;
+            case "time-picker":
+              valueType = "timePicker";
+              break;
+            case "date-picker":
+              valueType = "datePicker";
+              break;
+            case "cascader":
+              valueType = "cascader";
+              break;
+            default:
+              valueType = "input";
+              break;
           }
-          let options = await handleSelectOptions({
-            item: json || {},
-            commonRequest,
-            commonRequestWidthParams
-          });
-          if (!(options == null ? void 0 : options.length)) {
-            const { data = [] } = renderdata || {};
-            if (data == null ? void 0 : data.length) {
-              options = data == null ? void 0 : data.map((v) => ({
-                label: v || "",
-                value: v || ""
-              }));
+          const formItem = {
+            dataIndex: item.attrid,
+            title: item.attrname || "",
+            valueType,
+            valueProps: {
+              placeholder: renderPlaceholder()
+            },
+            colProps: {},
+            formItemProps: {
+              style: { marginBottom: 10, width: typeof width === "string" ? `${width}px` : width || 240 },
+              labelCol: { span: labelCol }
+            }
+          };
+          if (["select", "checkbox", "radio", "mult-select", "cascader"].includes(input)) {
+            const attrid = item.attrid || "";
+            const attrItem = attrList.find((attrItem2) => attrItem2.attrid === attrid);
+            let json = (attrItem == null ? void 0 : attrItem.json) || {};
+            if (!(json == null ? void 0 : json.inputType) && (renderdata == null ? void 0 : renderdata["input-type"])) {
+              json = {
+                ...json,
+                inputType: renderdata == null ? void 0 : renderdata["input-type"],
+                "action-url": renderdata == null ? void 0 : renderdata["action-url"],
+                "field-names": renderdata == null ? void 0 : renderdata["field-names"],
+                "key-field": {
+                  ...renderdata == null ? void 0 : renderdata["key-field"]
+                }
+              };
             }
-            if ((_a = renderdata == null ? void 0 : renderdata.options) == null ? void 0 : _a.length) {
-              options = (renderdata == null ? void 0 : renderdata.options) || [];
+            let options = await handleSelectOptions({
+              item: json || {},
+              commonRequest,
+              commonRequestWidthParams,
+              langConfig: langConfig || []
+            });
+            if (!(options == null ? void 0 : options.length)) {
+              const { data = [] } = renderdata || {};
+              if (data == null ? void 0 : data.length) {
+                options = data == null ? void 0 : data.map((v) => ({
+                  label: v || "",
+                  value: v || ""
+                }));
+              }
+              if ((_a2 = renderdata == null ? void 0 : renderdata.options) == null ? void 0 : _a2.length) {
+                options = (renderdata == null ? void 0 : renderdata.options) || [];
+              }
+            }
+            if (input === "cascader") {
+              const _options = handleCascaderOptions(options, renderdata == null ? void 0 : renderdata["field-names"]);
+              formItem.valueProps.options = _options || [];
+            } else {
+              formItem.valueProps.options = options || [];
             }
           }
-          if (input === "cascader") {
-            const _options = handleCascaderOptions(options, renderdata == null ? void 0 : renderdata["field-names"]);
-            formItem.valueProps.options = _options || [];
-          } else {
-            formItem.valueProps.options = options || [];
+          return formItem;
+        })
+      );
+      let defaultSearchStyle = {
+        color: "#ffffff",
+        borderRadius: 4,
+        fontSize: 14,
+        height: 32
+      };
+      let defaultResetStyle = {
+        color: "#333333",
+        borderRadius: 4,
+        fontSize: 14,
+        height: 32,
+        borderColor: "#D9D9D9"
+      };
+      formItems.push({
+        dataIndex: "btns",
+        valueType: "btns",
+        valueProps: [
+          {
+            btnType: "submit",
+            title: searchText,
+            type: "primary",
+            shape: "default",
+            style: { ...defaultSearchStyle, ...styles == null ? void 0 : styles.searchStyle },
+            onClick: (values) => handleSearch(values, selListData)
+          },
+          {
+            btnType: "reset",
+            title: resetText,
+            style: { ...defaultResetStyle, ...styles == null ? void 0 : styles.resetStyle },
+            onClick: () => handleReset(selListData)
           }
-        }
-        return formItem;
-      })
-    );
-    let defaultSearchStyle = {
-      color: "#ffffff",
-      borderRadius: 4,
-      fontSize: 14,
-      height: 32
-    };
-    let defaultResetStyle = {
-      color: "#333333",
-      borderRadius: 4,
-      fontSize: 14,
-      height: 32,
-      borderColor: "#D9D9D9"
-    };
-    formItems.push({
-      dataIndex: "btns",
-      valueType: "btns",
-      valueProps: [
-        {
-          btnType: "submit",
-          title: searchText,
-          type: "primary",
-          shape: "default",
-          style: { ...defaultSearchStyle, ...styles == null ? void 0 : styles.searchStyle },
-          onClick: (values) => handleSearch(values, selListData)
+        ],
+        colProps: {
+          flex: "none"
         },
-        {
-          btnType: "reset",
-          title: resetText,
-          style: { ...defaultResetStyle, ...styles == null ? void 0 : styles.resetStyle },
-          onClick: () => handleReset(selListData)
-        }
-      ],
-      colProps: {
-        flex: "none"
-      },
-      formItemProps: { style: { marginBottom: 10, minWidth: 127 } }
-    });
-    return { formItems, selList: selListData };
+        formItemProps: { style: { marginBottom: 10, minWidth: 127 } }
+      });
+      return { formItems, selList: selListData };
+    } catch (error) {
+      return { formItems: [], selList: [] };
+    }
   };
   const handleUniversalHeaderToColumns = ({
     universalHeader,

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

@@ -18,6 +18,7 @@ export interface IformConfigItem {
 }
 
 export interface Ijson {
+  'instance-source-number'?: string; // 实例来源编号，配合instance-url使用
   'max-tag-count'?: number; // 最大标签数量
   readonly: boolean; // 是否只读属性
   'field-names'?: string; // 级联选择的自定义字段名
@@ -47,7 +48,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/DynamicForm/selectModelBackfillFormItem/index.d.ts

@@ -13,6 +13,7 @@ interface SelectModelProps {
     commonRequestWidthParams: (params: object, data?: any) => Promise<AxiosResponse<any, any>>;
     commonRequest: (InterfaceType: string, data?: any) => Promise<AxiosResponse<any, any>>;
     CustomModalComponent?: React.FC<ICustomModal>;
+    getTitle?: (pageID: string, dataID: string) => string;
     attrid: string;
     form: FormInstance;
     langId?: string;

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

@@ -4,8 +4,20 @@ const jsxRuntime = require("react/jsx-runtime");
 const antd = require("antd");
 const react = require("react");
 const func = require("../func");
+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;
@@ -20,7 +32,8 @@ function SelectModel(props) {
   });
   const [dataSource, setDataSource] = react.useState([]);
   const [total, setTotal] = react.useState(0);
-  const columns = buildColumns();
+  const [columns, setColumns] = react.useState(buildColumns());
+  const { handleUniversalHeaderToColumns } = useUniversalTable();
   react.useEffect(() => {
     if (!modalVisible) {
       return;
@@ -32,7 +45,7 @@ function SelectModel(props) {
     setSelectedRecords(selectedRows);
   };
   const getData = async () => {
-    var _a;
+    var _a, _b;
     if (item.inputType === "url" && (item == null ? void 0 : item["action-url"])) {
       setLoading(true);
       try {
@@ -71,6 +84,38 @@ 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) {
+          setDataSource(((_b = res == null ? void 0 : res.data) == null ? void 0 : _b.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 = config == null ? void 0 : config.data;
+          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
+          }) || [];
+          setColumns(list);
+        }
+      } catch (error) {
+      }
+    }
     message.error(langId === "10001" ? "参数配置错误" : "Parameter configuration error");
   };
   const openModal = () => {
@@ -124,6 +169,9 @@ function SelectModel(props) {
   };
   function buildColumns() {
     const modalFieldList = item["modal-field-list"];
+    if (!modalFieldList) {
+      return [];
+    }
     let columns2 = [];
     for (let fieldName in modalFieldList) {
       let title = modalFieldList[fieldName];