szld-libs 0.2.74 → 0.2.76

package/lib/components/DynamicForm/useDynamicForm.js

@@ -1,8 +1,8 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const icons = require("@ant-design/icons");
-const react = require("react");
+const func = require("./func");
 const method = require("../../utils/method");
+const react = require("react");
 const isoWeek = require("dayjs/plugin/isoWeek");
 const SelectModel = require("./selectModel");
 const MyCheckbox = require("./myCheckbox");
@@ -13,6 +13,7 @@ const MySelect = require("./mySelect");
 const MyUpload = require("./myUpload");
 const MyRadio = require("./myRadio");
 const _ = require("lodash");
+const icons = require("@ant-design/icons");
 const antd = require("antd");
 dayjs.extend(isoWeek);
 function useDynamicForm(props) {
@@ -138,75 +139,6 @@ function useDynamicForm(props) {
     },
     [handleNormFile]
   );
-  const handleSetFormItemInitialValue = react.useCallback((itemWithJson) => {
-    var _a, _b, _c, _d, _e;
-    const inputType = (_a = itemWithJson.json) == null ? void 0 : _a.input;
-    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 = ((_d = itemWithJson.json) == null ? void 0 : _d["label-value"]) ?? initialValue ?? "-";
-    }
-    if ((inputType === "date-picker" || inputType === "time-picker") && initialValue) {
-      try {
-        const date = dayjs(initialValue);
-        initialValue = date.isValid() ? date : void 0;
-      } catch (error) {
-        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 = (_e = itemWithJson.json) == null ? void 0 : _e["cascader-delimiter"];
-      if (delimiter) {
-        initialValue = initialValue.split(delimiter).filter(Boolean);
-      }
-    }
-    if (["mult-select", "checkbox"].includes(inputType) && initialValue && typeof initialValue === "string") {
-      initialValue = initialValue.split(",").filter(Boolean);
-    }
-    if (["image", "video", "audio", "file"].includes(inputType) && initialValue) {
-      try {
-        const fileList = Array.isArray(initialValue) ? initialValue : JSON.parse(initialValue);
-        initialValue = fileList.map((file) => ({
-          ...file,
-          url: file.FilePath,
-          name: file.FileName,
-          uid: file.FileId
-        }));
-      } catch (error) {
-        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(
     ({ isActive }) => isActive ? /* @__PURE__ */ jsxRuntime.jsx(icons.MinusSquareOutlined, { style: { fontSize: 18, color: "#999" } }) : /* @__PURE__ */ jsxRuntime.jsx(icons.PlusSquareOutlined, { style: { fontSize: 18, color: "#999" } }),
     []
@@ -242,11 +174,11 @@ function useDynamicForm(props) {
       formListField,
       isShowLabel = true
     }) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
       const isFormList = (_a = itemWithJson == null ? void 0 : itemWithJson.json) == null ? void 0 : _a["properties-multiple"];
       let formListInitValue = [];
       if (isFormList) {
-        formListInitValue = handleSetFormItemInitialValue(itemWithJson);
+        formListInitValue = func.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, {});
@@ -354,85 +286,72 @@ function useDynamicForm(props) {
         return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "实例信息" });
       }
       if (itemWithJson.attrtype === 0) {
-        let initialValue = handleSetFormItemInitialValue(itemWithJson);
-        const message2 = (_c = itemWithJson.json) == null ? void 0 : _c["message"];
-        let placeholder = "请输入";
-        const { input = "" } = itemWithJson.json || {};
-        if ([
-          "radio",
-          "checkbox",
-          "select",
-          "mult-select",
-          "modal-select",
-          "date-picker",
-          "range-picker",
-          "multiple-date-picker",
-          "time-picker",
-          "week-picker",
-          "month-picker",
-          "quarter-picker",
-          "year-picker",
-          "second-picker"
-        ].includes(input)) {
-          placeholder = "请选择";
-        }
-        if (["image", "file", "video", "audio"].includes(input)) {
-          placeholder = "请上传";
-        }
+        let initialValue = func.handleSetFormItemInitialValue(itemWithJson);
+        const message2 = (_c = itemWithJson.json) == null ? void 0 : _c["default-prompt"];
+        const placeholder = func.handleGetPlaceholder(itemWithJson);
         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: (_d = itemWithJson == null ? void 0 : itemWithJson.json) == null ? void 0 : _d["combination-name"], children: /* @__PURE__ */ jsxRuntime.jsx(antd.Space.Compact, { children: combinations.map((item, index) => {
-            var _a2, _b2, _c2, _d2;
-            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: message2 || `${placeholder}${item.attrname}`
-                    }
-                  ] : [],
-                  ...((_c2 = itemWithJson.json) == null ? void 0 : _c2.regexp) ? [
-                    {
-                      pattern: new RegExp(itemWithJson.json.regexp),
-                      message: ((_d2 = itemWithJson.json) == null ? void 0 : _d2["regexp-message"]) || `${itemWithJson.attrname}格式不正确`
-                    }
-                  ] : []
-                ],
-                ...handleSetFormItemProps(item),
-                children: handleRenderItemInputMode({
-                  item,
-                  readonly,
-                  formItemStyle,
-                  radioAlign,
-                  relatedid,
-                  form,
-                  defaultWidth: width,
-                  customWidth
-                })
-              },
-              index
-            );
-          }) }) }, `${itemWithJson.attrid}+1`) });
+          return /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { span: 24 / colNum, children: /* @__PURE__ */ jsxRuntime.jsx(
+            antd.Form.Item,
+            {
+              label: (_d = itemWithJson == null ? void 0 : itemWithJson.json) == null ? void 0 : _d["combination-name"],
+              required: (_e = itemWithJson.json) == null ? void 0 : _e.must,
+              children: /* @__PURE__ */ jsxRuntime.jsx(antd.Space.Compact, { children: combinations.map((item, index) => {
+                var _a2, _b2, _c2, _d2;
+                let initValue = func.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"];
+                const placeholder2 = func.handleGetPlaceholder(item);
+                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: message2 || `${placeholder2}${item.attrname}`
+                        }
+                      ] : [],
+                      ...((_c2 = itemWithJson.json) == null ? void 0 : _c2.regexp) ? [
+                        {
+                          pattern: new RegExp(itemWithJson.json.regexp),
+                          message: ((_d2 = itemWithJson.json) == null ? void 0 : _d2["regexp-message"]) || `${itemWithJson.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(
@@ -442,16 +361,16 @@ function useDynamicForm(props) {
               label: isShowLabel && handleDealInstruction(itemWithJson, instructionShowMode) || null,
               initialValue,
               rules: [
-                ...((_e = itemWithJson.json) == null ? void 0 : _e.must) ? [
+                ...((_f = itemWithJson.json) == null ? void 0 : _f.must) ? [
                   {
                     required: true,
                     message: `${placeholder}${itemWithJson.attrname}`
                   }
                 ] : [],
-                ...((_f = itemWithJson.json) == null ? void 0 : _f.regexp) ? [
+                ...((_g = itemWithJson.json) == null ? void 0 : _g.regexp) ? [
                   {
                     pattern: new RegExp(itemWithJson.json.regexp),
-                    message: ((_g = itemWithJson.json) == null ? void 0 : _g["regexp-message"]) || `${itemWithJson.attrname}格式不正确`
+                    message: ((_h = itemWithJson.json) == null ? void 0 : _h["regexp-message"]) || `${itemWithJson.attrname}格式不正确`
                   }
                 ] : []
               ],
@@ -476,16 +395,16 @@ function useDynamicForm(props) {
             label: isShowLabel && handleDealInstruction(itemWithJson, instructionShowMode) || null,
             initialValue,
             rules: [
-              ...((_h = itemWithJson.json) == null ? void 0 : _h.must) ? [
+              ...((_i = itemWithJson.json) == null ? void 0 : _i.must) ? [
                 {
                   required: true,
                   message: `${placeholder}${itemWithJson.attrname}`
                 }
               ] : [],
-              ...((_i = itemWithJson.json) == null ? void 0 : _i.regexp) ? [
+              ...((_j = itemWithJson.json) == null ? void 0 : _j.regexp) ? [
                 {
                   pattern: new RegExp(itemWithJson.json.regexp),
-                  message: ((_j = itemWithJson.json) == null ? void 0 : _j["regexp-message"]) || `${itemWithJson.attrname}格式不正确`
+                  message: ((_k = itemWithJson.json) == null ? void 0 : _k["regexp-message"]) || `${itemWithJson.attrname}格式不正确`
                 }
               ] : []
             ],
@@ -541,10 +460,11 @@ function useDynamicForm(props) {
     defaultWidth = 358,
     customWidth = {}
   }) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const mode = item.json.input || "text";
-    const formatValue = handleSetFormItemInitialValue(item);
-    const message2 = ((_a = item.json) == null ? void 0 : _a.message) || "";
+    const formatValue = func.handleSetFormItemInitialValue(item);
+    const message2 = ((_a = item.json) == null ? void 0 : _a["default-prompt"]) || "";
+    const disableDateGoover = ((_b = item.json) == null ? void 0 : _b["disable-date-goover"]) || false;
     const params = item.json.length && {
       maxLength: item.json.length
     } || {};
@@ -555,7 +475,7 @@ function useDynamicForm(props) {
           antd.Input,
           {
             disabled: true,
-            value: ((_b = item.json) == null ? void 0 : _b["label-value"]) || item.attrvalue || ((_c = item.json) == null ? void 0 : _c.default) || "-",
+            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 }
           }
         );
@@ -660,12 +580,17 @@ function useDynamicForm(props) {
           "year-picker": "year",
           "second-picker": "time"
         };
+        let disabledDateFunc = void 0;
+        if (mode === "date-picker") {
+          disabledDateFunc = disableDateGoover ? func.disabledDate : void 0;
+        }
         return /* @__PURE__ */ jsxRuntime.jsx(
           antd.DatePicker,
           {
             showTime: mode === "time-picker",
             picker: pickerObj[mode] || "date",
             disabled: readonly,
+            disabledDate: disabledDateFunc,
             placement: "bottomLeft",
             style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
           }
@@ -675,6 +600,7 @@ function useDynamicForm(props) {
         return /* @__PURE__ */ jsxRuntime.jsx(
           antd.DatePicker.RangePicker,
           {
+            disabledDate: disableDateGoover ? func.disabledDate : void 0,
             disabled: readonly,
             style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
           }
@@ -830,7 +756,7 @@ function useDynamicForm(props) {
   };
   return {
     handleRenderItem,
-    handleSetFormItemInitialValue
+    handleSetFormItemInitialValue: func.handleSetFormItemInitialValue
   };
 }
 module.exports = useDynamicForm;

package/package.json

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