szld-libs 0.3.49 → 0.3.51

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

@@ -23,7 +23,7 @@ const MyCheckbox = (props) => {
   const [val, setVal] = useState(value || []);
   useEffect(() => {
     handleLoadOptions();
-  }, [item.inputType, item.classify, item.data, item.options]);
+  }, [item.inputType, item.classify, item.data, item.options, langConfig]);
   const handleLoadOptions = async () => {
     const list2 = await handleSelectOptions({
       commonRequestWidthParams,

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

@@ -21,7 +21,7 @@ const MyRadio = (props) => {
   const [list, setList] = useState([]);
   useEffect(() => {
     handleLoadOptions();
-  }, [item.inputType, item.classify, item.data, item.options]);
+  }, [item.inputType, item.classify, item.data, item.options, langConfig]);
   const handleLoadOptions = async () => {
     const list2 = await handleSelectOptions({
       commonRequestWidthParams,

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

@@ -21,7 +21,7 @@ const MySelect = ({
   const [loading, setLoading] = useState(false);
   useEffect(() => {
     handleLoadOptions();
-  }, [item.inputType, item.classify, item.data, item.options]);
+  }, [item.inputType, item.classify, item.data, item.options, langConfig]);
   const handleLoadOptions = async () => {
     setLoading(true);
     const list = await handleSelectOptions({

package/es/components/DynamicForm/useDynamicForm.js

@@ -397,7 +397,7 @@ function useDynamicForm(props) {
       }
       return null;
     },
-    [handleDealInstruction, handleSetFormItemInitialValue, handleSetFormItemProps, renderNestedFormList]
+    [handleDealInstruction, handleSetFormItemInitialValue, handleSetFormItemProps, renderNestedFormList, langConfig]
   );
   const handleOnRemove = async (file) => {
     var _a;
@@ -422,297 +422,300 @@ function useDynamicForm(props) {
       return false;
     }
   };
-  const handleRenderItemInputMode = ({
-    item,
-    readonly = false,
-    formItemStyle = [],
-    radioAlign = "horizontal",
-    relatedid,
-    form,
-    defaultWidth = 358,
-    customWidth = {}
-  }) => {
-    var _a, _b, _c, _d, _e, _f;
-    const mode = item.json.input || "text";
-    const format = ((_a = item.json) == null ? void 0 : _a.format) || "";
-    const attrid = item.attrid;
-    const formatValue = handleSetFormItemInitialValue(item);
-    const message2 = getTitle(langConfig, (_b = item.json) == null ? void 0 : _b["default-prompt"]) || "";
-    const disableDateGoover = ((_c = item.json) == null ? void 0 : _c["disable-date-goover"]) || false;
-    const placeholder = handleGetPlaceholder(item, langId);
-    const params = item.json.length && {
-      maxLength: item.json.length
-    } || {};
-    const itemStyle = formItemStyle.find((v) => v.type === mode);
-    let inputWidth = (_d = item.json) == null ? void 0 : _d["input-width"];
-    if (inputWidth) {
-      inputWidth = formShowType === "table" ? Number(inputWidth) - 32 : inputWidth;
-    }
-    const width = inputWidth || defaultWidth;
-    switch (mode) {
-      case "label":
-        return /* @__PURE__ */ jsx(
-          Input,
-          {
-            disabled: true,
-            value: ((_e = item.json) == null ? void 0 : _e["label-value"]) || item.attrvalue || ((_f = item.json) == null ? void 0 : _f.default) || "-",
-            style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
-          }
-        );
-      case "text":
-        return /* @__PURE__ */ jsx(
-          Input,
-          {
-            placeholder: message2 || placeholder,
-            ...params,
-            disabled: readonly,
-            allowClear: true,
-            style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
-          }
-        );
-      case "password":
-        return /* @__PURE__ */ jsx(
-          Input.Password,
-          {
-            placeholder: message2 || placeholder,
-            ...params,
-            disabled: readonly,
-            allowClear: true,
-            style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
-          }
-        );
-      case "textarea":
-        return /* @__PURE__ */ jsx(
-          Input.TextArea,
-          {
-            allowClear: true,
-            placeholder: message2 || placeholder,
-            rows: 5,
-            ...params,
-            disabled: readonly,
-            style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
-          }
-        );
-      case "number":
-        return /* @__PURE__ */ jsx(
-          InputNumber,
-          {
-            controls: false,
-            placeholder: message2 || placeholder,
-            ...params,
-            disabled: readonly,
-            style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
-          }
-        );
-      case "select":
-      case "mult-select": {
-        return /* @__PURE__ */ jsx(
-          MySelect,
-          {
-            item: item.json,
-            readonly,
-            style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth },
-            commonRequestWidthParams,
-            commonRequest,
-            value: formatValue,
-            interfaceTypeDict,
-            interfaceTypeSysDict,
-            actionUrlKey,
-            actionUrlExtraParams,
-            langId,
-            langConfig,
-            onChange: (val) => {
-              form.setFieldValue(item.attrid, val);
-            }
-          }
-        );
-      }
-      case "modal-mult-select":
-      case "modal-select": {
-        return /* @__PURE__ */ jsx(
-          SelectModel,
-          {
-            style: { width, ...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,
-            langId,
-            CustomModalComponent
-          }
-        );
-      }
-      case "mul-field-modal-select": {
-        return /* @__PURE__ */ jsx(
-          SelectModelBackfillFormItem,
-          {
-            style: { width, ...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,
-            langId
-          }
-        );
+  const handleRenderItemInputMode = useCallback(
+    ({
+      item,
+      readonly = false,
+      formItemStyle = [],
+      radioAlign = "horizontal",
+      relatedid,
+      form,
+      defaultWidth = 358,
+      customWidth = {}
+    }) => {
+      var _a, _b, _c, _d, _e, _f;
+      const mode = item.json.input || "text";
+      const format = ((_a = item.json) == null ? void 0 : _a.format) || "";
+      const attrid = item.attrid;
+      const formatValue = handleSetFormItemInitialValue(item);
+      const message2 = getTitle(langConfig, (_b = item.json) == null ? void 0 : _b["default-prompt"]) || "";
+      const disableDateGoover = ((_c = item.json) == null ? void 0 : _c["disable-date-goover"]) || false;
+      const placeholder = handleGetPlaceholder(item, langId);
+      const params = item.json.length && {
+        maxLength: item.json.length
+      } || {};
+      const itemStyle = formItemStyle.find((v) => v.type === mode);
+      let inputWidth = (_d = item.json) == null ? void 0 : _d["input-width"];
+      if (inputWidth) {
+        inputWidth = formShowType === "table" ? Number(inputWidth) - 32 : inputWidth;
       }
-      case "date-picker":
-      case "time-picker":
-      case "week-picker":
-      case "month-picker":
-      case "quarter-picker":
-      case "year-picker":
-      case "second-picker": {
-        const pickerObj = {
-          "date-picker": "date",
-          "time-picker": "date",
-          "week-picker": "week",
-          "month-picker": "month",
-          "quarter-picker": "quarter",
-          "year-picker": "year",
-          "second-picker": "time"
-        };
-        let disabledDateFunc = void 0;
-        if (mode === "date-picker") {
-          disabledDateFunc = disableDateGoover ? disabledDate : void 0;
+      const width = inputWidth || defaultWidth;
+      switch (mode) {
+        case "label":
+          return /* @__PURE__ */ jsx(
+            Input,
+            {
+              disabled: true,
+              value: ((_e = item.json) == null ? void 0 : _e["label-value"]) || item.attrvalue || ((_f = item.json) == null ? void 0 : _f.default) || "-",
+              style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
+            }
+          );
+        case "text":
+          return /* @__PURE__ */ jsx(
+            Input,
+            {
+              placeholder: message2 || placeholder,
+              ...params,
+              disabled: readonly,
+              allowClear: true,
+              style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
+            }
+          );
+        case "password":
+          return /* @__PURE__ */ jsx(
+            Input.Password,
+            {
+              placeholder: message2 || placeholder,
+              ...params,
+              disabled: readonly,
+              allowClear: true,
+              style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
+            }
+          );
+        case "textarea":
+          return /* @__PURE__ */ jsx(
+            Input.TextArea,
+            {
+              allowClear: true,
+              placeholder: message2 || placeholder,
+              rows: 5,
+              ...params,
+              disabled: readonly,
+              style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
+            }
+          );
+        case "number":
+          return /* @__PURE__ */ jsx(
+            InputNumber,
+            {
+              controls: false,
+              placeholder: message2 || placeholder,
+              ...params,
+              disabled: readonly,
+              style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
+            }
+          );
+        case "select":
+        case "mult-select": {
+          return /* @__PURE__ */ jsx(
+            MySelect,
+            {
+              item: item.json,
+              readonly,
+              style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth },
+              commonRequestWidthParams,
+              commonRequest,
+              value: formatValue,
+              interfaceTypeDict,
+              interfaceTypeSysDict,
+              actionUrlKey,
+              actionUrlExtraParams,
+              langId,
+              langConfig,
+              onChange: (val) => {
+                form.setFieldValue(item.attrid, val);
+              }
+            }
+          );
         }
-        return /* @__PURE__ */ jsx(
-          DatePicker,
-          {
-            showTime: mode === "time-picker",
-            format: format ? format : void 0,
-            picker: pickerObj[mode] || "date",
-            disabled: readonly,
-            disabledDate: disabledDateFunc,
-            placement: "bottomLeft",
-            style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
-          }
-        );
-      }
-      case "range-picker":
-        return /* @__PURE__ */ jsx(
-          DatePicker.RangePicker,
-          {
-            disabledDate: disableDateGoover ? disabledDate : void 0,
-            disabled: readonly,
-            style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
-          }
-        );
-      case "multiple-date-picker":
-        return /* @__PURE__ */ jsx(DatePicker, { multiple: true, disabled: readonly, style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth } });
-      case "radio":
-        return /* @__PURE__ */ jsx(
-          MyRadio,
-          {
-            radioAlign,
-            commonRequest,
-            commonRequestWidthParams,
-            item: item.json,
-            readonly,
-            options: params,
-            handleUrlOptions,
-            value: formatValue,
-            interfaceTypeDict,
-            interfaceTypeSysDict,
-            actionUrlKey,
-            actionUrlExtraParams,
-            langConfig,
-            onChange: (e) => {
-              form.setFieldValue(item.attrid, e.target.value);
+        case "modal-mult-select":
+        case "modal-select": {
+          return /* @__PURE__ */ jsx(
+            SelectModel,
+            {
+              style: { width, ...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,
+              langId,
+              CustomModalComponent
             }
-          }
-        );
-      case "checkbox":
-        return /* @__PURE__ */ jsx(
-          MyCheckbox,
-          {
-            radioAlign,
-            commonRequest,
-            commonRequestWidthParams,
-            item: item.json,
-            readonly,
-            options: params,
-            value: formatValue,
-            handleUrlOptions,
-            interfaceTypeDict,
-            interfaceTypeSysDict,
-            actionUrlKey,
-            actionUrlExtraParams,
-            onChange: (val) => {
-              form.setFieldValue(item.attrid, val.join(","));
+          );
+        }
+        case "mul-field-modal-select": {
+          return /* @__PURE__ */ jsx(
+            SelectModelBackfillFormItem,
+            {
+              style: { width, ...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,
+              langId
             }
+          );
+        }
+        case "date-picker":
+        case "time-picker":
+        case "week-picker":
+        case "month-picker":
+        case "quarter-picker":
+        case "year-picker":
+        case "second-picker": {
+          const pickerObj = {
+            "date-picker": "date",
+            "time-picker": "date",
+            "week-picker": "week",
+            "month-picker": "month",
+            "quarter-picker": "quarter",
+            "year-picker": "year",
+            "second-picker": "time"
+          };
+          let disabledDateFunc = void 0;
+          if (mode === "date-picker") {
+            disabledDateFunc = disableDateGoover ? disabledDate : void 0;
           }
-        );
-      case "audio":
-      case "file":
-      case "image":
-      case "video":
-        return /* @__PURE__ */ jsx(
-          MyUpload,
-          {
-            action: uploadAction && uploadAction("initializationfile"),
-            item: item.json,
-            uploadType: mode,
-            langId,
-            list: formatValue,
-            readonly,
-            relatedid,
-            relatedidKey,
-            onRemove: (file) => handleOnRemove(file)
-          }
-        );
-      case "cascader":
-        return /* @__PURE__ */ jsx(
-          MyCascader,
-          {
-            commonRequestWidthParams,
-            commonRequest,
-            item: item.json,
-            value: item.attrvalue,
-            style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth },
-            interfaceTypeDict,
-            interfaceTypeSysDict,
-            actionUrlKey,
-            actionUrlExtraParams,
-            langId
-          }
-        );
-      case "radio-card":
-        return /* @__PURE__ */ jsx(
-          RadioCard,
-          {
-            item: item.json,
-            readonly,
-            onChange: (value) => {
-              form.setFieldValue(item.attrid, value);
-            },
-            langId,
-            commonRequestWidthParams
-          }
-        );
-      default:
-        return /* @__PURE__ */ jsx(
-          Input,
-          {
-            placeholder: message2 || placeholder,
-            ...params,
-            showCount: true,
-            disabled: readonly,
-            style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
-          }
-        );
-    }
-  };
+          return /* @__PURE__ */ jsx(
+            DatePicker,
+            {
+              showTime: mode === "time-picker",
+              format: format ? format : void 0,
+              picker: pickerObj[mode] || "date",
+              disabled: readonly,
+              disabledDate: disabledDateFunc,
+              placement: "bottomLeft",
+              style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
+            }
+          );
+        }
+        case "range-picker":
+          return /* @__PURE__ */ jsx(
+            DatePicker.RangePicker,
+            {
+              disabledDate: disableDateGoover ? disabledDate : void 0,
+              disabled: readonly,
+              style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
+            }
+          );
+        case "multiple-date-picker":
+          return /* @__PURE__ */ jsx(DatePicker, { multiple: true, disabled: readonly, style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth } });
+        case "radio":
+          return /* @__PURE__ */ jsx(
+            MyRadio,
+            {
+              radioAlign,
+              commonRequest,
+              commonRequestWidthParams,
+              item: item.json,
+              readonly,
+              options: params,
+              handleUrlOptions,
+              value: formatValue,
+              interfaceTypeDict,
+              interfaceTypeSysDict,
+              actionUrlKey,
+              actionUrlExtraParams,
+              langConfig,
+              onChange: (e) => {
+                form.setFieldValue(item.attrid, e.target.value);
+              }
+            }
+          );
+        case "checkbox":
+          return /* @__PURE__ */ jsx(
+            MyCheckbox,
+            {
+              radioAlign,
+              commonRequest,
+              commonRequestWidthParams,
+              item: item.json,
+              readonly,
+              options: params,
+              value: formatValue,
+              handleUrlOptions,
+              interfaceTypeDict,
+              interfaceTypeSysDict,
+              actionUrlKey,
+              actionUrlExtraParams,
+              onChange: (val) => {
+                form.setFieldValue(item.attrid, val.join(","));
+              }
+            }
+          );
+        case "audio":
+        case "file":
+        case "image":
+        case "video":
+          return /* @__PURE__ */ jsx(
+            MyUpload,
+            {
+              action: uploadAction && uploadAction("initializationfile"),
+              item: item.json,
+              uploadType: mode,
+              langId,
+              list: formatValue,
+              readonly,
+              relatedid,
+              relatedidKey,
+              onRemove: (file) => handleOnRemove(file)
+            }
+          );
+        case "cascader":
+          return /* @__PURE__ */ jsx(
+            MyCascader,
+            {
+              commonRequestWidthParams,
+              commonRequest,
+              item: item.json,
+              value: item.attrvalue,
+              style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth },
+              interfaceTypeDict,
+              interfaceTypeSysDict,
+              actionUrlKey,
+              actionUrlExtraParams,
+              langId
+            }
+          );
+        case "radio-card":
+          return /* @__PURE__ */ jsx(
+            RadioCard,
+            {
+              item: item.json,
+              readonly,
+              onChange: (value) => {
+                form.setFieldValue(item.attrid, value);
+              },
+              langId,
+              commonRequestWidthParams
+            }
+          );
+        default:
+          return /* @__PURE__ */ jsx(
+            Input,
+            {
+              placeholder: message2 || placeholder,
+              ...params,
+              showCount: true,
+              disabled: readonly,
+              style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
+            }
+          );
+      }
+    },
+    [langId, langConfig]
+  );
   const handleRenderItem = ({
     item,
     readonly = false,