szld-libs 0.2.70 → 0.2.72

package/lib/components/DynamicForm/useDynamicForm.js

@@ -29,7 +29,9 @@ function useDynamicForm(props) {
     relatedidKey,
     actionUrlKey,
     actionUrlExtraParams,
-    CustomModalComponent
+    CustomModalComponent,
+    setAttrList,
+    hideAttrList = []
   } = props;
   const formConfigRef = react.useRef([]);
   const { message } = antd.App.useApp();
@@ -119,17 +121,30 @@ function useDynamicForm(props) {
             value: value ? dayjs(value, format || "HH:mm:ss") : null
           });
           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
+          });
+          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"));
+          baseProps.getValueProps = (value) => ({
+            value: (value == null ? void 0 : value.map((v) => dayjs(v))) || null
+          });
+          break;
       }
       return baseProps;
     },
     [handleNormFile]
   );
   const handleSetFormItemInitialValue = react.useCallback((itemWithJson) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const inputType = (_a = itemWithJson.json) == null ? void 0 : _a.input;
-    let initialValue = itemWithJson.attrvalue ?? ((_b = itemWithJson.json) == null ? void 0 : _b.default);
+    const isFormList = (_b = itemWithJson == null ? void 0 : itemWithJson.json) == null ? void 0 : _b["properties-multiple"];
+    let initialValue = itemWithJson.attrvalue ?? ((_c = itemWithJson.json) == null ? void 0 : _c.default);
     if (inputType === "label" && initialValue) {
-      initialValue = ((_c = itemWithJson.json) == null ? void 0 : _c["label-value"]) ?? initialValue ?? "-";
+      initialValue = ((_d = itemWithJson.json) == null ? void 0 : _d["label-value"]) ?? initialValue ?? "-";
     }
     if ((inputType === "date-picker" || inputType === "time-picker") && initialValue) {
       try {
@@ -139,8 +154,24 @@ function useDynamicForm(props) {
         initialValue = void 0;
       }
     }
+    if (inputType === "range-picker" && initialValue) {
+      try {
+        initialValue = initialValue == null ? void 0 : initialValue.split("~");
+        initialValue = initialValue.map((v) => dayjs(v));
+      } catch (error) {
+        initialValue = void 0;
+      }
+    }
+    if (inputType === "multiple-date-picker" && initialValue) {
+      try {
+        initialValue = initialValue == null ? void 0 : initialValue.split(",");
+        initialValue = initialValue.map((v) => dayjs(v));
+      } catch (error) {
+        initialValue = void 0;
+      }
+    }
     if (inputType === "cascader" && initialValue && typeof initialValue === "string") {
-      const delimiter = (_d = itemWithJson.json) == null ? void 0 : _d["cascader-delimiter"];
+      const delimiter = (_e = itemWithJson.json) == null ? void 0 : _e["cascader-delimiter"];
       if (delimiter) {
         initialValue = initialValue.split(delimiter).filter(Boolean);
       }
@@ -161,6 +192,19 @@ function useDynamicForm(props) {
         initialValue = [];
       }
     }
+    if (isFormList && itemWithJson.attrtype === 1) {
+      const children = itemWithJson.children || [];
+      if (Array.isArray(children)) {
+        initialValue = [
+          Object.assign(
+            {},
+            ...children == null ? void 0 : children.map((child) => ({
+              [child.attrid]: handleSetFormItemInitialValue(child)
+            }))
+          )
+        ];
+      }
+    }
     return initialValue || null;
   }, []);
   const handleCollapseIcon = react.useCallback(
@@ -193,10 +237,18 @@ function useDynamicForm(props) {
       formItemStyle,
       relatedid,
       form,
-      defaultWidth = 358
+      defaultWidth = 358,
+      isFormListItem = false,
+      formListField,
+      isShowLabel = true
     }) => {
-      var _a, _b;
-      if (((_a = itemWithJson.json) == null ? void 0 : _a.hide) === true) {
+      var _a, _b, _c, _d, _e;
+      const isFormList = (_a = itemWithJson == null ? void 0 : itemWithJson.json) == null ? void 0 : _a["properties-multiple"];
+      let formListInitValue = [];
+      if (isFormList) {
+        formListInitValue = handleSetFormItemInitialValue(itemWithJson);
+      }
+      if (((_b = itemWithJson.json) == null ? void 0 : _b.hide) === true || (hideAttrList == null ? void 0 : hideAttrList.includes(itemWithJson.attrid))) {
         return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
       }
       if (itemWithJson.attrtype === 1) {
@@ -207,23 +259,25 @@ function useDynamicForm(props) {
             style: { backgroundColor: "transparent" },
             expandIcon: ({ isActive }) => handleCollapseIcon({ isActive }),
             onChange: async (key) => {
-              var _a2;
+              var _a2, _b2;
               try {
                 const { children = [] } = itemWithJson;
-                if (key && (key == null ? void 0 : key.length) && setFormConfig && formConfigRef.current && interfaceTypeChildren && !(children == null ? void 0 : children.length)) {
+                if (key && (key == null ? void 0 : key.length) && formConfigRef.current && interfaceTypeChildren && !(children == null ? void 0 : children.length)) {
                   const res = await commonRequest(interfaceTypeChildren, {
                     instanceid: relatedid,
-                    asid: itemWithJson.asid,
-                    tname: itemWithJson.tname
+                    asid: (_a2 = itemWithJson == null ? void 0 : itemWithJson.json) == null ? void 0 : _a2.propertiesID,
+                    tname: itemWithJson.attrvalue
                   });
                   if ((res == null ? void 0 : res.ReturnValue) === 1) {
-                    const arr = ((_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.list) || [];
+                    const list = ((_b2 = res == null ? void 0 : res.data) == null ? void 0 : _b2.list) || [];
+                    const arr = method.handleAttrList(list, { instanceid: relatedid, tname: itemWithJson.tname });
                     const _formConfig = _.cloneDeep(formConfigRef.current);
                     const _item = _formConfig.find((item) => item.attrid === itemWithJson.attrid);
                     if (_item) {
                       _item.children = [...arr];
                     }
-                    setFormConfig(_formConfig);
+                    setFormConfig == null ? void 0 : setFormConfig(_formConfig);
+                    setAttrList == null ? void 0 : setAttrList(_formConfig);
                   }
                 }
               } catch (error) {
@@ -233,7 +287,52 @@ function useDynamicForm(props) {
               {
                 key: itemWithJson.attrid,
                 label: itemWithJson.attrname,
-                children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: (itemWithJson.children || []).map((child, index) => {
+                styles: {
+                  header: {
+                    paddingLeft: 0
+                  }
+                },
+                children: isFormList ? /* @__PURE__ */ jsxRuntime.jsx(antd.Form.List, { name: itemWithJson.attrid, initialValue: formListInitValue, children: (fields, { add, remove }) => {
+                  var _a2;
+                  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", rowGap: 16, flexDirection: "column" }, children: [
+                    fields.map((field) => {
+                      var _a3;
+                      return /* @__PURE__ */ jsxRuntime.jsx(
+                        antd.Card,
+                        {
+                          style: { width: ((_a3 = itemWithJson == null ? void 0 : itemWithJson.json) == null ? void 0 : _a3["properties-width"]) || defaultWidth + 100 },
+                          size: "small",
+                          title: `${itemWithJson.attrname} ${field.name + 1}`,
+                          extra: /* @__PURE__ */ jsxRuntime.jsx(
+                            icons.CloseOutlined,
+                            {
+                              onClick: () => {
+                                remove(field.name);
+                              }
+                            }
+                          ),
+                          children: (itemWithJson.children || []).map((child, index) => {
+                            return /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: handleRenderItem({
+                              item: child,
+                              readonly,
+                              colNum,
+                              instructionShowMode,
+                              relatedid,
+                              form,
+                              defaultWidth,
+                              formItemStyle,
+                              isFormListItem: true,
+                              formListField: field,
+                              isShowLabel: true
+                            }) }, child.attrid || `child-${index}`);
+                          })
+                        },
+                        field.key
+                      );
+                    }),
+                    /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { style: { width: ((_a2 = itemWithJson == null ? void 0 : itemWithJson.json) == null ? void 0 : _a2["properties-width"]) || defaultWidth + 100 }, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "dashed", onClick: () => add(), block: true, children: "+ 新增" }) })
+                  ] });
+                } }) : /* @__PURE__ */ jsxRuntime.jsx("div", { children: (itemWithJson.children || []).map((child, index) => {
                   return /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: handleRenderItem({
                     item: child,
                     readonly,
@@ -265,6 +364,8 @@ function useDynamicForm(props) {
           "mult-select",
           "modal-select",
           "date-picker",
+          "range-picker",
+          "multiple-date-picker",
           "time-picker",
           "week-picker",
           "month-picker",
@@ -277,14 +378,92 @@ function useDynamicForm(props) {
         if (["image", "file", "video", "audio"].includes(input)) {
           placeholder = "请上传";
         }
+        const { combinations = [] } = itemWithJson.json || {};
+        if (combinations == null ? void 0 : combinations.length) {
+          return /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span: 24 / colNum, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { label: (_c = itemWithJson == null ? void 0 : itemWithJson.json) == null ? void 0 : _c["combination-name"], children: /* @__PURE__ */ jsxRuntime.jsx(antd.Space.Compact, { children: combinations.map((item, index) => {
+            var _a2, _b2;
+            let initValue = handleSetFormItemInitialValue(item);
+            let width = defaultWidth;
+            const customWidth = {};
+            const mode = item.json.input || "text";
+            const itemStyle = formItemStyle == null ? void 0 : formItemStyle.find((v) => v.type === mode);
+            if (itemStyle) {
+              const { width: width2 } = (itemStyle == null ? void 0 : itemStyle.style) || {};
+              if (width2) {
+                customWidth["width"] = width2;
+              }
+            }
+            const widthRatio = (_a2 = item == null ? void 0 : item.json) == null ? void 0 : _a2["combination-width-ratio"];
+            if (widthRatio) {
+              width = defaultWidth * widthRatio;
+            }
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              antd.Form.Item,
+              {
+                name: item.attrid,
+                noStyle: true,
+                initialValue: initValue,
+                rules: [
+                  ...((_b2 = item.json) == null ? void 0 : _b2.must) ? [
+                    {
+                      required: true,
+                      message: `${placeholder}${item.attrname}`
+                    }
+                  ] : []
+                ],
+                ...handleSetFormItemProps(item),
+                children: handleRenderItemInputMode({
+                  item,
+                  readonly,
+                  formItemStyle,
+                  radioAlign,
+                  relatedid,
+                  form,
+                  defaultWidth: width,
+                  customWidth
+                })
+              },
+              index
+            );
+          }) }) }, `${itemWithJson.attrid}+1`) });
+        }
+        if (isFormListItem && formListField) {
+          return /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span: 24 / colNum, children: /* @__PURE__ */ jsxRuntime.jsx(
+            antd.Form.Item,
+            {
+              name: [formListField == null ? void 0 : formListField.name, itemWithJson.attrid],
+              label: isShowLabel && handleDealInstruction(itemWithJson, instructionShowMode) || null,
+              initialValue,
+              rules: [
+                ...((_d = itemWithJson.json) == null ? void 0 : _d.must) ? [
+                  {
+                    required: true,
+                    message: `${placeholder}${itemWithJson.attrname}`
+                  }
+                ] : []
+              ],
+              ...handleSetFormItemProps(itemWithJson),
+              children: handleRenderItemInputMode({
+                item: itemWithJson,
+                readonly,
+                formItemStyle,
+                radioAlign,
+                relatedid,
+                form,
+                defaultWidth
+              })
+            },
+            itemWithJson.attrid
+          ) });
+        }
         return /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span: 24 / colNum, children: /* @__PURE__ */ jsxRuntime.jsx(
           antd.Form.Item,
           {
             name: itemWithJson.attrid,
-            label: handleDealInstruction(itemWithJson, instructionShowMode),
+            label: isShowLabel && handleDealInstruction(itemWithJson, instructionShowMode) || null,
             initialValue,
             rules: [
-              ...((_b = itemWithJson.json) == null ? void 0 : _b.must) ? [
+              ...((_e = itemWithJson.json) == null ? void 0 : _e.must) ? [
                 {
                   required: true,
                   message: `${placeholder}${itemWithJson.attrname}`
@@ -340,7 +519,8 @@ function useDynamicForm(props) {
     radioAlign = "horizontal",
     relatedid,
     form,
-    defaultWidth = 358
+    defaultWidth = 358,
+    customWidth = {}
   }) => {
     var _a, _b;
     const mode = item.json.input || "text";
@@ -356,7 +536,7 @@ function useDynamicForm(props) {
           {
             disabled: true,
             value: ((_a = item.json) == null ? void 0 : _a["label-value"]) || item.attrvalue || ((_b = item.json) == null ? void 0 : _b.default) || "-",
-            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style }
+            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
           }
         );
       case "text":
@@ -367,7 +547,7 @@ function useDynamicForm(props) {
             ...params,
             disabled: readonly,
             allowClear: true,
-            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style }
+            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
           }
         );
       case "textarea":
@@ -379,7 +559,7 @@ function useDynamicForm(props) {
             rows: 5,
             ...params,
             disabled: readonly,
-            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style }
+            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
           }
         );
       case "number":
@@ -390,7 +570,7 @@ function useDynamicForm(props) {
             placeholder: "请输入",
             ...params,
             disabled: readonly,
-            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style }
+            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
           }
         );
       case "select":
@@ -401,7 +581,7 @@ function useDynamicForm(props) {
             handleUrlOptions,
             item: item.json,
             readonly,
-            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style },
+            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth },
             commonRequestWidthParams,
             commonRequest,
             value: formatValue,
@@ -420,7 +600,7 @@ function useDynamicForm(props) {
         return /* @__PURE__ */ jsxRuntime.jsx(
           SelectModel,
           {
-            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style },
+            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth },
             item: item.json,
             value: item.attrvalue || item.json.default || "",
             commonRequestWidthParams,
@@ -456,10 +636,27 @@ function useDynamicForm(props) {
             picker: pickerObj[mode] || "date",
             disabled: readonly,
             placement: "bottomLeft",
-            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style }
+            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
           }
         );
       }
+      case "range-picker":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          antd.DatePicker.RangePicker,
+          {
+            disabled: readonly,
+            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
+          }
+        );
+      case "multiple-date-picker":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          antd.DatePicker,
+          {
+            multiple: true,
+            disabled: readonly,
+            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
+          }
+        );
       case "radio":
         return /* @__PURE__ */ jsxRuntime.jsx(
           MyRadio,
@@ -527,7 +724,7 @@ function useDynamicForm(props) {
             commonRequest,
             item: item.json,
             value: item.attrvalue,
-            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style },
+            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth },
             interfaceTypeDict,
             interfaceTypeSysDict,
             actionUrlKey,
@@ -547,7 +744,16 @@ function useDynamicForm(props) {
           }
         );
       default:
-        return /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { placeholder: "请输入", ...params, showCount: true, disabled: readonly, style: { ...itemStyle == null ? void 0 : itemStyle.style } });
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          antd.Input,
+          {
+            placeholder: "请输入",
+            ...params,
+            showCount: true,
+            disabled: readonly,
+            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
+          }
+        );
     }
   };
   const handleRenderItem = ({
@@ -559,40 +765,41 @@ function useDynamicForm(props) {
     form,
     defaultWidth = 358,
     formItemStyle,
-    radioAlign = "horizontal"
+    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 };
+    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.jsxs(react.Fragment, { children: [
-      handleRenderFunc({
-        itemWithJson,
-        readonly,
-        colNum,
-        instructionShowMode,
-        relatedid,
-        form,
-        defaultWidth,
-        formItemStyle,
-        radioAlign
-      }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        antd.Form.Item,
-        {
-          name: itemWithJson.attrid + "_objs",
-          style: { display: "none" },
-          initialValue: itemWithJson,
-          children: /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { type: "hidden" })
-        },
-        itemWithJson.attrid + "_objs"
-      )
-    ] }, itemWithJson.attrid);
+    return /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: handleRenderFunc({
+      itemWithJson,
+      readonly,
+      colNum,
+      instructionShowMode,
+      relatedid,
+      form,
+      defaultWidth,
+      formItemStyle,
+      radioAlign,
+      isFormListItem,
+      formListField,
+      isShowLabel
+    }) }, itemWithJson.attrid);
   };
   return {
-    handleRenderItem
+    handleRenderItem,
+    handleSetFormItemInitialValue
   };
 }
 module.exports = useDynamicForm;

package/lib/utils/method.d.ts

@@ -11,7 +11,21 @@ export declare const handleSubmitForm: (originalData: any, allValues: any) => {
     updatedData: any;
     uploadedFiles: any[];
 };
-export declare const handleAttrList: (attrList: any[]) => any[];
+/**
+ * 处理基础属性数组
+ */
+export declare const handleBaseAttrList: (attrList: any[], extraAttrs?: {
+    [key: string]: any;
+} | undefined) => any[];
+/**
+ * 处理属性列表，合并组合属性
+ * @param attrList 属性列表
+ * @param extraAttrs 额外属性
+ * @returns
+ */
+export declare const handleAttrList: (attrList: any[], extraAttrs?: {
+    [key: string]: any;
+} | undefined) => any[];
 export declare const handleFormConfig: ({ number, key, sourceNumber, guidInterfaceName, SelPCParamInterfaceName, servicerAttrListInterfaceName, accepterAttrListInterfaceName, defaultAttrListInterfaceName, commonRequest, guidParams, pcParam, attrReqKey, attrListExtraParams, }: {
     number: string | number;
     key: string;
@@ -46,3 +60,9 @@ export declare const handleFormConfig: ({ number, key, sourceNumber, guidInterfa
  * @returns
  */
 export declare const handleOperationFile: (params: any, data: any, commonRequestWidthParams: any) => Promise<any>;
+/**
+ * 命名转换为驼峰命名
+ * @param str 烤肉串命名
+ * @returns 驼峰命名
+ */
+export declare function handleKebabToCamel(str: string): string;