szld-libs 0.2.75 → 0.2.76

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

@@ -0,0 +1,9 @@
+import { IformConfigItem } from './index.d';
+import { RangePickerProps } from 'antd/es/date-picker';
+export declare const handleGetPlaceholder: (itemWithJson: IformConfigItem) => string;
+/**
+ * 处理表单项目初始值
+ * 根据输入类型转换初始值为组件所需格式
+ */
+export declare const handleSetFormItemInitialValue: (itemWithJson: IformConfigItem) => any;
+export declare const disabledDate: RangePickerProps['disabledDate'];

package/es/components/DynamicForm/func.js

@@ -0,0 +1,104 @@
+import dayjs from "dayjs";
+const handleGetPlaceholder = (itemWithJson) => {
+  const { input = "" } = itemWithJson.json || {};
+  let placeholder = "请输入";
+  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 = "请上传";
+  }
+  return placeholder;
+};
+const handleSetFormItemInitialValue = (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 disabledDate = (current) => {
+  return current && current < dayjs().startOf("day");
+};
+export {
+  disabledDate,
+  handleGetPlaceholder,
+  handleSetFormItemInitialValue
+};

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

@@ -18,6 +18,7 @@ export interface IformConfigItem {
 }
 
 export interface Ijson {
+  'disable-date-goover'?: boolean; // 禁用日期选择器超出当前日期
   'default-prompt'?: string; // 提示信息
   'regexp-message'?: string; // 正则表达式提示信息
   regexp: any; // 正则表达式

package/es/components/DynamicForm/useDynamicForm.js

@@ -1,7 +1,7 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { MinusSquareOutlined, PlusSquareOutlined, CloseOutlined, InfoCircleOutlined } from "@ant-design/icons";
-import { useRef, useEffect, useCallback, Fragment as Fragment$1 } from "react";
+import { handleSetFormItemInitialValue, handleGetPlaceholder, disabledDate } from "./func";
 import { handleAttrList, getJson, base64ToString } from "../../utils/method";
+import { useRef, useEffect, useCallback, Fragment as Fragment$1 } from "react";
 import isoWeek from "dayjs/plugin/isoWeek";
 import SelectModel from "./selectModel";
 import MyCheckbox from "./myCheckbox";
@@ -12,6 +12,7 @@ import MySelect from "./mySelect";
 import MyUpload from "./myUpload";
 import MyRadio from "./myRadio";
 import _ from "lodash";
+import { MinusSquareOutlined, PlusSquareOutlined, CloseOutlined, InfoCircleOutlined } from "@ant-design/icons";
 import { App, Col, Collapse, Form, Card, Flex, Button, Space, Input, DatePicker, InputNumber, Tooltip } from "antd";
 dayjs.extend(isoWeek);
 function useDynamicForm(props) {
@@ -137,75 +138,6 @@ function useDynamicForm(props) {
     },
     [handleNormFile]
   );
-  const handleSetFormItemInitialValue = 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 = useCallback(
     ({ isActive }) => isActive ? /* @__PURE__ */ jsx(MinusSquareOutlined, { style: { fontSize: 18, color: "#999" } }) : /* @__PURE__ */ jsx(PlusSquareOutlined, { style: { fontSize: 18, color: "#999" } }),
     []
@@ -241,7 +173,7 @@ 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) {
@@ -355,83 +287,70 @@ function useDynamicForm(props) {
       if (itemWithJson.attrtype === 0) {
         let initialValue = handleSetFormItemInitialValue(itemWithJson);
         const message2 = (_c = itemWithJson.json) == null ? void 0 : _c["default-prompt"];
-        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 = "请上传";
-        }
+        const placeholder = handleGetPlaceholder(itemWithJson);
         const { combinations = [] } = itemWithJson.json || {};
         if (combinations == null ? void 0 : combinations.length) {
-          return /* @__PURE__ */ jsx(Col, { span: 24 / colNum, children: /* @__PURE__ */ jsx(Form.Item, { label: (_d = itemWithJson == null ? void 0 : itemWithJson.json) == null ? void 0 : _d["combination-name"], children: /* @__PURE__ */ jsx(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__ */ jsx(
-              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__ */ jsx(Col, { span: 24 / colNum, children: /* @__PURE__ */ jsx(
+            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__ */ jsx(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"];
+                const placeholder2 = handleGetPlaceholder(item);
+                if (widthRatio) {
+                  width = defaultWidth * widthRatio;
+                }
+                return /* @__PURE__ */ jsx(
+                  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__ */ jsx(Col, { span: 24 / colNum, children: /* @__PURE__ */ jsx(
@@ -441,16 +360,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}格式不正确`
                   }
                 ] : []
               ],
@@ -475,16 +394,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}格式不正确`
                 }
               ] : []
             ],
@@ -540,10 +459,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["default-prompt"]) || "";
+    const disableDateGoover = ((_b = item.json) == null ? void 0 : _b["disable-date-goover"]) || false;
     const params = item.json.length && {
       maxLength: item.json.length
     } || {};
@@ -554,7 +474,7 @@ function useDynamicForm(props) {
           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 }
           }
         );
@@ -659,12 +579,17 @@ function useDynamicForm(props) {
           "year-picker": "year",
           "second-picker": "time"
         };
+        let disabledDateFunc = void 0;
+        if (mode === "date-picker") {
+          disabledDateFunc = disableDateGoover ? disabledDate : void 0;
+        }
         return /* @__PURE__ */ jsx(
           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 }
           }
@@ -674,6 +599,7 @@ function useDynamicForm(props) {
         return /* @__PURE__ */ jsx(
           DatePicker.RangePicker,
           {
+            disabledDate: disableDateGoover ? disabledDate : void 0,
             disabled: readonly,
             style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
           }

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

@@ -0,0 +1,9 @@
+import { IformConfigItem } from './index.d';
+import { RangePickerProps } from 'antd/es/date-picker';
+export declare const handleGetPlaceholder: (itemWithJson: IformConfigItem) => string;
+/**
+ * 处理表单项目初始值
+ * 根据输入类型转换初始值为组件所需格式
+ */
+export declare const handleSetFormItemInitialValue: (itemWithJson: IformConfigItem) => any;
+export declare const disabledDate: RangePickerProps['disabledDate'];

package/lib/components/DynamicForm/func.js

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const dayjs = require("dayjs");
+const handleGetPlaceholder = (itemWithJson) => {
+  const { input = "" } = itemWithJson.json || {};
+  let placeholder = "请输入";
+  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 = "请上传";
+  }
+  return placeholder;
+};
+const handleSetFormItemInitialValue = (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 disabledDate = (current) => {
+  return current && current < dayjs().startOf("day");
+};
+exports.disabledDate = disabledDate;
+exports.handleGetPlaceholder = handleGetPlaceholder;
+exports.handleSetFormItemInitialValue = handleSetFormItemInitialValue;

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

@@ -18,6 +18,7 @@ export interface IformConfigItem {
 }
 
 export interface Ijson {
+  'disable-date-goover'?: boolean; // 禁用日期选择器超出当前日期
   'default-prompt'?: string; // 提示信息
   'regexp-message'?: string; // 正则表达式提示信息
   regexp: any; // 正则表达式