szld-libs 0.3.49 → 0.3.51

package/lib/components/DynamicForm/useDynamicForm.js

@@ -398,7 +398,7 @@ function useDynamicForm(props) {
       }
       return null;
     },
-    [handleDealInstruction, func.handleSetFormItemInitialValue, handleSetFormItemProps, renderNestedFormList]
+    [handleDealInstruction, func.handleSetFormItemInitialValue, handleSetFormItemProps, renderNestedFormList, langConfig]
   );
   const handleOnRemove = async (file) => {
     var _a;
@@ -423,297 +423,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 = func.handleSetFormItemInitialValue(item);
-    const message2 = func.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 = func.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__ */ jsxRuntime.jsx(
-          antd.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__ */ jsxRuntime.jsx(
-          antd.Input,
-          {
-            placeholder: message2 || placeholder,
-            ...params,
-            disabled: readonly,
-            allowClear: true,
-            style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
-          }
-        );
-      case "password":
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          antd.Input.Password,
-          {
-            placeholder: message2 || placeholder,
-            ...params,
-            disabled: readonly,
-            allowClear: true,
-            style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
-          }
-        );
-      case "textarea":
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          antd.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__ */ jsxRuntime.jsx(
-          antd.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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 = react.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 = func.handleSetFormItemInitialValue(item);
+      const message2 = func.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 = func.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 ? func.disabledDate : void 0;
+      const width = inputWidth || defaultWidth;
+      switch (mode) {
+        case "label":
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            antd.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__ */ jsxRuntime.jsx(
+            antd.Input,
+            {
+              placeholder: message2 || placeholder,
+              ...params,
+              disabled: readonly,
+              allowClear: true,
+              style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
+            }
+          );
+        case "password":
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            antd.Input.Password,
+            {
+              placeholder: message2 || placeholder,
+              ...params,
+              disabled: readonly,
+              allowClear: true,
+              style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
+            }
+          );
+        case "textarea":
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            antd.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__ */ jsxRuntime.jsx(
+            antd.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-          antd.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__ */ jsxRuntime.jsx(
-          antd.DatePicker.RangePicker,
-          {
-            disabledDate: disableDateGoover ? func.disabledDate : void 0,
-            disabled: readonly,
-            style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
-          }
-        );
-      case "multiple-date-picker":
-        return /* @__PURE__ */ jsxRuntime.jsx(antd.DatePicker, { multiple: true, disabled: readonly, style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth } });
-      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,
-            langConfig,
-            onChange: (e) => {
-              form.setFieldValue(item.attrid, e.target.value);
+        case "modal-mult-select":
+        case "modal-select": {
+          return /* @__PURE__ */ jsxRuntime.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__ */ 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 "mul-field-modal-select": {
+          return /* @__PURE__ */ jsxRuntime.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 ? func.disabledDate : void 0;
           }
-        );
-      case "audio":
-      case "file":
-      case "image":
-      case "video":
-        return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-          RadioCard,
-          {
-            item: item.json,
-            readonly,
-            onChange: (value) => {
-              form.setFieldValue(item.attrid, value);
-            },
-            langId,
-            commonRequestWidthParams
-          }
-        );
-      default:
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          antd.Input,
-          {
-            placeholder: message2 || placeholder,
-            ...params,
-            showCount: true,
-            disabled: readonly,
-            style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
-          }
-        );
-    }
-  };
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            antd.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__ */ jsxRuntime.jsx(
+            antd.DatePicker.RangePicker,
+            {
+              disabledDate: disableDateGoover ? func.disabledDate : void 0,
+              disabled: readonly,
+              style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
+            }
+          );
+        case "multiple-date-picker":
+          return /* @__PURE__ */ jsxRuntime.jsx(antd.DatePicker, { multiple: true, disabled: readonly, style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth } });
+        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,
+              langConfig,
+              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,
+              langId,
+              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, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth },
+              interfaceTypeDict,
+              interfaceTypeSysDict,
+              actionUrlKey,
+              actionUrlExtraParams,
+              langId
+            }
+          );
+        case "radio-card":
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            RadioCard,
+            {
+              item: item.json,
+              readonly,
+              onChange: (value) => {
+                form.setFieldValue(item.attrid, value);
+              },
+              langId,
+              commonRequestWidthParams
+            }
+          );
+        default:
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            antd.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,

package/lib/index.js

@@ -16,19 +16,22 @@ dayjs.locale("zh-cn");
 const Demo = () => {
   const formRef = react.useRef(null);
   const [form] = antd.Form.useForm();
-  const [list, setList] = react.useState(method.handleAttrList(mock.attrList));
+  const [list, setList] = react.useState([]);
+  const [langList, setLangList] = react.useState([]);
+  const [langId, setLangId] = react.useState("");
   const onValuesChange = async (values, allValues) => {
-    const keys = Object.keys(values);
-    if (keys.includes("6A5984BD547449088172BD33F2A965E8")) {
-      list.forEach((item) => {
-        if (item.attrid === "4E507938BE7448E5883CFCD9C962707D") {
-          item.json.data = ["1", "2", "3"];
-          item.info = JSON.stringify(item == null ? void 0 : item.json);
-        }
-      });
-      setList([...list]);
-    }
   };
+  react.useEffect(() => {
+    setTimeout(() => {
+      setLangList(mock.langConfig);
+    }, 2e3);
+    setTimeout(() => {
+      setLangId("10001");
+    }, 300);
+    setTimeout(() => {
+      setList(method.handleAttrList(mock.attrList));
+    }, 4e3);
+  }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { height: "100vh", display: "flex", flexDirection: "column", gap: 20 }, children: [
     /* @__PURE__ */ jsxRuntime.jsx(main.BackHeader, { title: "页头组件", isBack: true }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { style: {}, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Form, { form, onValuesChange, children: [
@@ -46,8 +49,8 @@ const Demo = () => {
           commonRequest: services.commonRequest,
           instructionShowMode: "icon",
           ref: formRef,
-          langId: "10001",
-          langConfig: mock.langConfig
+          langId,
+          langConfig: langList
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { name: "submit", style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "primary", htmlType: "submit", children: "提交" }) })

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "szld-libs",
   "private": false,
-  "version": "0.3.49",
+  "version": "0.3.51",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -23,7 +23,7 @@
     "react-router-dom": "^6.6.1",
     "react-vant": "^3.3.5",
     "react-window": "^1.8.9",
-    "szld-libs": "^0.3.24"
+    "szld-libs": "^0.3.50"
   },
   "devDependencies": {
     "@types/crypto-js": "^4.2.1",