szld-libs 0.2.99 → 0.3.2

package/lib/components/DynamicFormMobile/useDynamicForm.js

@@ -0,0 +1,771 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const icons = require("@ant-design/icons");
+const func = require("./func");
+const method = require("../../utils/method");
+const SelectModelBackfillFormItem = require("./selectModelBackfillFormItem");
+const react = require("react");
+const isoWeek = require("dayjs/plugin/isoWeek");
+const SelectModel = require("./selectModel");
+const MyCheckbox = require("./myCheckbox");
+const MyCascader = require("./myCascader");
+const dayjs = require("dayjs");
+const RadioCard = require("./radioCard");
+const MySelect = require("./mySelect");
+const MyUpload = require("./myUpload");
+const MyRadio = require("./myRadio");
+const antd = require("antd");
+const reactVant = require("react-vant");
+dayjs.extend(isoWeek);
+function useDynamicForm(props) {
+  const {
+    commonRequestWidthParams,
+    uploadAction,
+    commonRequest,
+    formConfig,
+    setFormConfig,
+    updateDelFileList,
+    interfaceTypeChildren,
+    interfaceTypeDict,
+    interfaceTypeSysDict,
+    relatedidKey,
+    actionUrlKey,
+    actionUrlExtraParams,
+    CustomModalComponent,
+    setAttrList,
+    hideAttrList = []
+  } = props;
+  const formConfigRef = react.useRef([]);
+  const { message } = antd.App.useApp();
+  react.useEffect(() => {
+    if (!formConfig) {
+      return;
+    }
+    formConfigRef.current = formConfig;
+  }, [formConfig]);
+  const handleNormFile = react.useCallback((e) => {
+    if (Array.isArray(e)) {
+      return e;
+    }
+    return (e == null ? void 0 : e.fileList) ?? [];
+  }, []);
+  const handleDealFile = (file) => {
+    updateDelFileList(file);
+  };
+  const handleSetFormItemProps = react.useCallback(
+    (itemWithJson) => {
+      var _a, _b;
+      const inputType = (_a = itemWithJson.json) == null ? void 0 : _a.input;
+      const format = (_b = itemWithJson.json) == null ? void 0 : _b.format;
+      const baseProps = {};
+      switch (inputType) {
+        case "date-picker":
+        case "range-picker":
+        case "second-picker":
+        case "multiple-date-picker":
+        case "time-picker":
+          baseProps.onClick = (_2, action) => {
+            var _a2;
+            (_a2 = action.current) == null ? void 0 : _a2.open();
+          };
+          baseProps.isLink = true;
+          baseProps.trigger = "onConfirm";
+          break;
+        case "image":
+        case "file":
+        case "video":
+        case "audio":
+          baseProps.getValueFromEvent = handleNormFile;
+          break;
+        case "week-picker":
+          baseProps.getValueFromEvent = (date) => {
+            return `${date == null ? void 0 : date.year()}-${dayjs(date).isoWeek()}周`;
+          };
+          baseProps.getValueProps = (value) => {
+            if (!value)
+              return { value: null };
+            const [yearStr, weekStr] = value.split("-");
+            const year = Number(yearStr);
+            const week = Number(weekStr.replace("周", ""));
+            return {
+              value: dayjs().year(year).isoWeek(week)
+            };
+          };
+          break;
+        case "month-picker":
+          baseProps.getValueFromEvent = (date) => date == null ? void 0 : date.format(format || "YYYY-MM");
+          baseProps.getValueProps = (value) => ({
+            value: value ? dayjs(value) : null
+          });
+          break;
+        case "quarter-picker":
+          baseProps.getValueFromEvent = (date) => date == null ? void 0 : date.format(format || "YYYY年第Q季度");
+          baseProps.getValueProps = (value) => ({
+            value: value ? dayjs(value, format || "YYYY年第Q季度") : null
+          });
+          break;
+        case "year-picker":
+          baseProps.getValueFromEvent = (date) => date == null ? void 0 : date.format(format || "YYYY");
+          baseProps.getValueProps = (value) => ({
+            value: value ? dayjs(value) : null
+          });
+          break;
+        case "second-picker":
+          baseProps.getValueFromEvent = (date) => date == null ? void 0 : date.format(format || "HH:mm:ss");
+          baseProps.getValueProps = (value) => ({
+            value: value ? dayjs(value, format || "HH:mm:ss") : null
+          });
+          break;
+      }
+      return baseProps;
+    },
+    [handleNormFile]
+  );
+  const handleCollapseIcon = react.useCallback(
+    ({ isActive }) => isActive ? /* @__PURE__ */ jsxRuntime.jsx(icons.MinusSquareOutlined, { style: { fontSize: 18, color: "#999" } }) : /* @__PURE__ */ jsxRuntime.jsx(icons.PlusSquareOutlined, { style: { fontSize: 18, color: "#999" } }),
+    []
+  );
+  const handleDealInstruction = (itemWithJson, instructionShowMode) => {
+    var _a, _b, _c, _d, _e;
+    return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 10, vertical: instructionShowMode === "flex", align: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: itemWithJson.attrname }),
+      ((_a = itemWithJson == null ? void 0 : itemWithJson.json) == null ? void 0 : _a.instruction) && instructionShowMode === "icon" && /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: (_b = itemWithJson == null ? void 0 : itemWithJson.json) == null ? void 0 : _b.instruction, children: /* @__PURE__ */ jsxRuntime.jsx(
+        icons.InfoCircleOutlined,
+        {
+          style: {
+            color: ((_c = itemWithJson == null ? void 0 : itemWithJson.json) == null ? void 0 : _c["instruction-color"]) ?? "#888888",
+            fontSize: 16,
+            cursor: "pointer"
+          }
+        }
+      ) }) || /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: ((_d = itemWithJson == null ? void 0 : itemWithJson.json) == null ? void 0 : _d["instruction-color"]) ?? "red" }, children: (_e = itemWithJson == null ? void 0 : itemWithJson.json) == null ? void 0 : _e.instruction })
+    ] });
+  };
+  const renderNestedFormList = react.useCallback(
+    ({
+      itemWithJson,
+      colNum = 1,
+      readonly = false,
+      instructionShowMode = "icon",
+      radioAlign = "horizontal",
+      formItemStyle,
+      relatedid,
+      form,
+      defaultWidth = 358,
+      parentFormListField,
+      isShowLabel = true
+    }) => {
+      const formListInitValue = func.handleSetFormItemInitialValue(itemWithJson);
+      let children = itemWithJson.children || [];
+      if (Array.isArray(children == null ? void 0 : children[0]) && children.length) {
+        children = children[0];
+      }
+      const getFormListName = (field) => {
+        const parentPath = (parentFormListField == null ? void 0 : parentFormListField.parentName) || (parentFormListField == null ? void 0 : parentFormListField.name);
+        if (parentPath) {
+          return Array.isArray(parentPath) ? [...parentPath, itemWithJson.attrid, field.name] : [parentPath, itemWithJson.attrid, field.name];
+        }
+        return [itemWithJson.attrid, field.name];
+      };
+      return /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span: 24 / colNum, children: /* @__PURE__ */ jsxRuntime.jsx(
+        antd.Collapse,
+        {
+          bordered: false,
+          defaultActiveKey: [itemWithJson.attrid],
+          style: { backgroundColor: "transparent" },
+          expandIcon: ({ isActive }) => handleCollapseIcon({ isActive }),
+          items: [
+            {
+              key: itemWithJson.attrid,
+              label: itemWithJson.attrname,
+              styles: {
+                header: {
+                  paddingLeft: 0
+                }
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                reactVant.Form.List,
+                {
+                  name: parentFormListField ? Array.isArray(parentFormListField.name) ? [...parentFormListField.name, itemWithJson.attrid] : [parentFormListField.name, itemWithJson.attrid] : itemWithJson.attrid,
+                  initialValue: formListInitValue,
+                  children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", rowGap: 16, flexDirection: "column" }, children: [
+                    fields.map((field) => {
+                      const nestedField = {
+                        ...field,
+                        parentName: getFormListName(field)
+                      };
+                      return /* @__PURE__ */ jsxRuntime.jsx(
+                        antd.Card,
+                        {
+                          style: { width: typeof defaultWidth === "number" ? defaultWidth + 100 : defaultWidth },
+                          size: "small",
+                          title: `${itemWithJson.attrname} ${field.name + 1}`,
+                          extra: /* @__PURE__ */ jsxRuntime.jsx(
+                            icons.CloseOutlined,
+                            {
+                              onClick: () => {
+                                if (fields.length > 1) {
+                                  remove(field.name);
+                                } else {
+                                  message.warning("至少需要保留一个!");
+                                }
+                              }
+                            }
+                          ),
+                          children: (children || []).map((child, index) => {
+                            return /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: handleRenderItem({
+                              item: child,
+                              readonly,
+                              colNum,
+                              instructionShowMode,
+                              relatedid,
+                              form,
+                              defaultWidth,
+                              formItemStyle,
+                              radioAlign,
+                              isFormListItem: true,
+                              formListField: nestedField,
+                              isShowLabel: true
+                            }) }, child.attrid || `child-${index}`);
+                          })
+                        },
+                        field.key
+                      );
+                    }),
+                    /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { style: { width: 200 }, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "dashed", onClick: () => add(), block: true, children: "+ 新增" }) })
+                  ] })
+                }
+              )
+            }
+          ]
+        },
+        itemWithJson.attrid
+      ) });
+    },
+    [handleCollapseIcon, func.handleSetFormItemInitialValue]
+  );
+  const handleRenderFunc = react.useCallback(
+    ({
+      itemWithJson,
+      colNum = 1,
+      readonly = false,
+      instructionShowMode = "icon",
+      radioAlign = "horizontal",
+      formItemStyle,
+      relatedid,
+      form,
+      defaultWidth = 358,
+      isFormListItem = false,
+      formListField,
+      isShowLabel = true
+    }) => {
+      var _a, _b, _c, _d, _e;
+      if (((_a = itemWithJson.json) == null ? void 0 : _a.hide) === true || (hideAttrList == null ? void 0 : hideAttrList.includes(itemWithJson.attrid))) {
+        return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
+      }
+      if (itemWithJson.attrtype === 1) {
+        return renderNestedFormList({
+          itemWithJson,
+          colNum,
+          readonly,
+          instructionShowMode,
+          radioAlign,
+          formItemStyle,
+          relatedid,
+          form,
+          defaultWidth,
+          parentFormListField: formListField,
+          isShowLabel
+        });
+      }
+      if (itemWithJson.attrtype === 2) {
+        return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "实例信息" });
+      }
+      if (itemWithJson.attrtype === 0) {
+        const initialValue = func.handleSetFormItemInitialValue(itemWithJson);
+        const message2 = (_b = itemWithJson.json) == null ? void 0 : _b["default-prompt"];
+        const placeholder = func.handleGetPlaceholder(itemWithJson);
+        const { combinations = [] } = itemWithJson.json || {};
+        if (combinations == null ? void 0 : combinations.length) {
+          return /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { children: combinations.map((item, index) => {
+            var _a2, _b2, _c2, _d2, _e2, _f, _g;
+            let initValue = func.handleSetFormItemInitialValue(item);
+            let width = defaultWidth;
+            const mode = item.json.input || "text";
+            const itemStyle = formItemStyle == null ? void 0 : formItemStyle.find((v) => v.type === mode);
+            if (itemStyle) {
+              (itemStyle == null ? void 0 : itemStyle.style) || {};
+            }
+            const widthRatio = (_a2 = item == null ? void 0 : item.json) == null ? void 0 : _a2["combination-width-ratio"];
+            if (widthRatio) {
+              width = 10 * widthRatio;
+            }
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              reactVant.Form.Item,
+              {
+                style: { flex: width },
+                label: index === 0 ? (_b2 = itemWithJson == null ? void 0 : itemWithJson.json) == null ? void 0 : _b2["combination-name"] : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { visibility: "hidden" }, children: (_c2 = itemWithJson == null ? void 0 : itemWithJson.json) == null ? void 0 : _c2["combination-name"] }),
+                required: index === 0 ? (_d2 = item.json) == null ? void 0 : _d2.must : false,
+                name: formListField ? Array.isArray(formListField.name) ? [...formListField.name, item.attrid] : [formListField.name, item.attrid] : item.attrid,
+                initialValue: initValue,
+                rules: [
+                  ...((_e2 = item.json) == null ? void 0 : _e2.must) ? [
+                    {
+                      required: true,
+                      message: message2 || `${placeholder}${item.attrname}`
+                    }
+                  ] : [],
+                  ...((_f = itemWithJson.json) == null ? void 0 : _f.regexp) ? [
+                    {
+                      pattern: new RegExp(itemWithJson.json.regexp.replace(/^\/|\/$/g, "")),
+                      message: ((_g = itemWithJson.json) == null ? void 0 : _g["regexp-message"]) || `${itemWithJson.attrname}格式不正确`
+                    }
+                  ] : []
+                ],
+                ...handleSetFormItemProps(item),
+                children: handleRenderItemInputMode({
+                  item,
+                  readonly,
+                  formItemStyle,
+                  radioAlign,
+                  relatedid,
+                  form,
+                  defaultWidth: width,
+                  customWidth: { width: "100%" }
+                })
+              },
+              index
+            );
+          }) });
+        }
+        const formItemName = isFormListItem && formListField ? Array.isArray(formListField.name) ? [...formListField.name, itemWithJson.attrid] : [formListField.name, itemWithJson.attrid] : itemWithJson.attrid;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          reactVant.Form.Item,
+          {
+            border: true,
+            name: formItemName,
+            label: isShowLabel && handleDealInstruction(itemWithJson, instructionShowMode) || null,
+            initialValue,
+            rules: [
+              ...((_c = itemWithJson.json) == null ? void 0 : _c.must) ? [
+                {
+                  required: true,
+                  message: `${placeholder}${itemWithJson.attrname}`
+                }
+              ] : [],
+              ...((_d = itemWithJson.json) == null ? void 0 : _d.regexp) ? [
+                {
+                  pattern: new RegExp(itemWithJson.json.regexp.replace(/^\/|\/$/g, "")),
+                  message: ((_e = itemWithJson.json) == null ? void 0 : _e["regexp-message"]) || `${itemWithJson.attrname}格式不正确`
+                }
+              ] : []
+            ],
+            ...handleSetFormItemProps(itemWithJson),
+            children: handleRenderItemInputMode({
+              item: itemWithJson,
+              readonly,
+              formItemStyle,
+              radioAlign,
+              relatedid,
+              form,
+              defaultWidth
+            })
+          },
+          itemWithJson.attrid
+        );
+      }
+      return null;
+    },
+    [handleDealInstruction, func.handleSetFormItemInitialValue, handleSetFormItemProps, hideAttrList, renderNestedFormList]
+  );
+  const handleOnRemove = async (file) => {
+    var _a;
+    try {
+      const data = (_a = file == null ? void 0 : file.response) == null ? void 0 : _a.data;
+      if (data) {
+        if (!commonRequestWidthParams)
+          return;
+        const result = await commonRequestWidthParams(
+          { Controlname: "DelFile", PageName: "initializationfile" },
+          data
+        );
+        if ((result == null ? void 0 : result.ReturnValue) !== 1) {
+          message.error((result == null ? void 0 : result.msg) || "删除文件失败");
+          return false;
+        }
+      } else {
+        handleDealFile(file);
+      }
+      return true;
+    } catch (error) {
+      message.error("删除文件失败，请重试");
+      return false;
+    }
+  };
+  const handleRenderItemInputMode = ({
+    item,
+    readonly = false,
+    formItemStyle = [],
+    radioAlign = "horizontal",
+    relatedid,
+    form,
+    defaultWidth = 358,
+    customWidth = {}
+  }) => {
+    var _a, _b, _c, _d;
+    const mode = item.json.input || "text";
+    const attrid = item.attrid;
+    const formatValue = func.handleSetFormItemInitialValue(item);
+    const message2 = ((_a = item.json) == null ? void 0 : _a["default-prompt"]) || "";
+    ((_b = item.json) == null ? void 0 : _b["disable-date-goover"]) || false;
+    const params = item.json.length && {
+      maxLength: item.json.length
+    } || {};
+    const itemStyle = formItemStyle.find((v) => v.type === mode);
+    switch (mode) {
+      case "label":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          reactVant.Input,
+          {
+            disabled: true,
+            value: ((_c = item.json) == null ? void 0 : _c["label-value"]) || item.attrvalue || ((_d = item.json) == null ? void 0 : _d.default) || "-",
+            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
+          }
+        );
+      case "text":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          reactVant.Input,
+          {
+            placeholder: message2 || "请输入",
+            ...params,
+            disabled: readonly,
+            clearable: true,
+            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
+          }
+        );
+      case "password":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          reactVant.Input,
+          {
+            placeholder: message2 || "请输入",
+            ...params,
+            disabled: readonly,
+            type: "password",
+            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
+          }
+        );
+      case "textarea":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          reactVant.Input.TextArea,
+          {
+            placeholder: message2 || "请输入",
+            autoSize: { minHeight: 80, maxHeight: 120 },
+            ...params,
+            disabled: readonly,
+            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
+          }
+        );
+      case "number":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          reactVant.Input,
+          {
+            placeholder: message2 || "请输入",
+            ...params,
+            type: "number",
+            disabled: readonly,
+            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
+          }
+        );
+      case "mult-select":
+      case "select": {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          MySelect,
+          {
+            item: item.json,
+            readonly,
+            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth },
+            commonRequestWidthParams,
+            commonRequest,
+            value: formatValue,
+            interfaceTypeDict,
+            interfaceTypeSysDict,
+            actionUrlKey,
+            actionUrlExtraParams,
+            onChange: (val) => {
+              form.setFieldValue(item.attrid, val);
+            }
+          }
+        );
+      }
+      case "modal-mult-select":
+      case "modal-select": {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          SelectModel,
+          {
+            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth },
+            item: item.json,
+            value: item.attrvalue || item.json.default || "",
+            commonRequestWidthParams,
+            commonRequest,
+            onSure: async (value) => {
+              form.setFieldValue(item.attrid, value);
+            },
+            disabled: readonly,
+            CustomModalComponent
+          }
+        );
+      }
+      case "mul-field-modal-select": {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          SelectModelBackfillFormItem,
+          {
+            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth },
+            item: item.json,
+            form,
+            attrid,
+            value: item.attrvalue || item.json.default || "",
+            commonRequestWidthParams,
+            commonRequest,
+            onSure: async (value) => {
+              form.setFieldsValue(value);
+            },
+            disabled: readonly,
+            CustomModalComponent
+          }
+        );
+      }
+      case "date-picker":
+        return /* @__PURE__ */ jsxRuntime.jsx(reactVant.DatetimePicker, { popup: true, type: "date", children: (val) => val ? dayjs(val).format("YYYY-MM-DD") : "请选择日期" });
+      case "week-picker":
+      case "month-picker":
+      case "quarter-picker":
+      case "year-picker": {
+        const pickerObj = {
+          "date-picker": "date",
+          "time-picker": "date",
+          "week-picker": "week",
+          "month-picker": "month",
+          "quarter-picker": "quarter",
+          "year-picker": "year",
+          "second-picker": "time"
+        };
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          antd.DatePicker,
+          {
+            picker: pickerObj[mode] || "date",
+            disabled: readonly,
+            placement: "bottomLeft",
+            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
+          }
+        );
+      }
+      case "time-picker": {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          reactVant.DatetimePicker,
+          {
+            popup: {
+              round: true
+            },
+            type: "datetime",
+            title: "选择年月日时分",
+            onConfirm: (val) => {
+              form.setFieldValue(item.attrid, val);
+            },
+            children: (val) => {
+              return val ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#333333" }, children: dayjs(val).format("YYYY-MM-DD HH:mm") }) : "请选择时间";
+            }
+          }
+        );
+      }
+      case "second-picker": {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          reactVant.DatetimePicker,
+          {
+            popup: {
+              round: true
+            },
+            type: "time",
+            title: "选择年月日",
+            onConfirm: (val) => {
+              form.setFieldValue(item.attrid, val);
+            },
+            children: (val) => {
+              return val ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#333333" }, children: val }) : "请选择时间";
+            }
+          }
+        );
+      }
+      case "range-picker":
+        return /* @__PURE__ */ jsxRuntime.jsx(reactVant.Calendar, { type: "range", children: (val, actions) => {
+          form.setFieldValue(item.attrid, val);
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            reactVant.Cell,
+            {
+              style: { padding: 0 },
+              value: val ? val.map(
+                (el) => dayjs(el).format("YYYY-MM-DD")
+              ).join("~") : /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#969799" }, children: "请选择日期" }),
+              onClick: () => actions.open()
+            }
+          );
+        } });
+      case "multiple-date-picker":
+        return /* @__PURE__ */ jsxRuntime.jsx(reactVant.Calendar, { type: "multiple", children: (val, actions) => {
+          form.setFieldValue(item.attrid, val);
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            reactVant.Cell,
+            {
+              style: { padding: 0 },
+              value: val ? val.map(
+                (el) => dayjs(el).format("YYYY-MM-DD")
+              ).join(",") : /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#969799" }, children: "请选择日期" }),
+              onClick: () => actions.open()
+            }
+          );
+        } });
+      case "radio":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          MyRadio,
+          {
+            radioAlign,
+            commonRequest,
+            commonRequestWidthParams,
+            item: item.json,
+            readonly,
+            options: params,
+            handleUrlOptions: method.handleUrlOptions,
+            value: formatValue,
+            interfaceTypeDict,
+            interfaceTypeSysDict,
+            actionUrlKey,
+            actionUrlExtraParams,
+            onChange: (e) => {
+              form.setFieldValue(item.attrid, e.target.value);
+            }
+          }
+        );
+      case "checkbox":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          MyCheckbox,
+          {
+            radioAlign,
+            commonRequest,
+            commonRequestWidthParams,
+            item: item.json,
+            readonly,
+            options: params,
+            value: formatValue,
+            handleUrlOptions: method.handleUrlOptions,
+            interfaceTypeDict,
+            interfaceTypeSysDict,
+            actionUrlKey,
+            actionUrlExtraParams,
+            onChange: (val) => {
+              form.setFieldValue(item.attrid, val.join(","));
+            }
+          }
+        );
+      case "audio":
+      case "file":
+      case "image":
+      case "video":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          MyUpload,
+          {
+            action: uploadAction && uploadAction("initializationfile"),
+            item: item.json,
+            uploadType: mode,
+            list: formatValue,
+            readonly,
+            relatedid,
+            relatedidKey,
+            onRemove: (file) => handleOnRemove(file)
+          }
+        );
+      case "cascader":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          MyCascader,
+          {
+            commonRequestWidthParams,
+            commonRequest,
+            item: item.json,
+            value: item.attrvalue,
+            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth },
+            interfaceTypeDict,
+            interfaceTypeSysDict,
+            actionUrlKey,
+            actionUrlExtraParams
+          }
+        );
+      case "radio-card":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          RadioCard,
+          {
+            item: item.json,
+            readonly,
+            onChange: (value) => {
+              form.setFieldValue(item.attrid, value);
+            },
+            commonRequestWidthParams
+          }
+        );
+      default:
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          reactVant.Input,
+          {
+            placeholder: "请输入",
+            ...params,
+            clearable: true,
+            disabled: readonly,
+            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
+          }
+        );
+    }
+  };
+  const handleRenderItem = ({
+    item,
+    readonly = false,
+    colNum = 1,
+    instructionShowMode = "icon",
+    relatedid,
+    form,
+    defaultWidth = 358,
+    formItemStyle,
+    radioAlign = "horizontal",
+    isFormListItem = false,
+    formListField,
+    isShowLabel = true
+  }) => {
+    var _a;
+    const json = item.info_base64 === 1 ? method.getJson(method.base64ToString(item.info)) : method.getJson(item.info);
+    const itemWithJson = {
+      ...item,
+      json: {
+        ...item == null ? void 0 : item.json,
+        ...json
+      }
+    };
+    if (((_a = itemWithJson.json) == null ? void 0 : _a.hide) === true) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: handleRenderFunc({
+      itemWithJson,
+      readonly,
+      colNum,
+      instructionShowMode,
+      relatedid,
+      form,
+      defaultWidth,
+      formItemStyle,
+      radioAlign,
+      isFormListItem,
+      formListField,
+      isShowLabel
+    }) }, itemWithJson.attrid);
+  };
+  return {
+    handleRenderItem,
+    handleSetFormItemInitialValue: func.handleSetFormItemInitialValue
+  };
+}
+module.exports = useDynamicForm;