szld-libs 0.4.46 → 0.4.49

package/lib/components/DynamicForm/myRichText/index.js

@@ -0,0 +1,279 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const antd = require("antd");
+const react$1 = require("@tiptap/react");
+const extensionTextStyle = require("@tiptap/extension-text-style");
+const TextAlign = require("@tiptap/extension-text-align");
+const Highlight = require("@tiptap/extension-highlight");
+const FontSize = require("@tiptap/extension-font-size");
+const StarterKit = require("@tiptap/starter-kit");
+const Color = require("@tiptap/extension-color");
+const react = require("react");
+const icons = require("@ant-design/icons");
+const MyRichText = ({ item, readonly, style, value, onChange }) => {
+  const [color, setColor] = react.useState("#1677ff");
+  react.useEffect(() => {
+    const styleSheet = document.createElement("style");
+    styleSheet.textContent = `
+      .MyRichText_ProseMirror {
+        min-height: 300px !important;
+        outline: none !important;
+        box-shadow: none !important;
+        border: none !important;
+      }
+      .MyRichText_ProseMirror:focus,
+      .MyRichText_ProseMirror:focus-visible {
+        outline: none !important;
+        box-shadow: none !important;
+        border: none !important;
+      }
+      .MyRichText_ProseMirror p {
+        min-height: 1.5em;
+        margin: 0;
+        padding: 0;
+      }
+    `;
+    document.head.appendChild(styleSheet);
+    return () => {
+      document.head.removeChild(styleSheet);
+    };
+  }, []);
+  const editor = react$1.useEditor({
+    extensions: [
+      StarterKit,
+      Highlight.configure({ multicolor: true }),
+      TextAlign.configure({
+        types: ["heading", "paragraph"]
+      }),
+      extensionTextStyle.TextStyle,
+      FontSize,
+      Color.configure({
+        types: ["textStyle"]
+      })
+    ],
+    content: value,
+    editable: !readonly,
+    editorProps: {
+      attributes: {
+        class: "MyRichText_ProseMirror"
+      }
+    },
+    onUpdate: ({ editor: editor2 }) => {
+      onChange(editor2.getHTML());
+    }
+  });
+  if (!editor) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { ...style, border: "1px solid #d9d9d9", borderRadius: 6, overflow: "hidden" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { borderBottom: "1px solid #d9d9d9", padding: 8, background: "#fafafa" }, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { wrap: true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { placement: "topLeft", title: "加粗", children: /* @__PURE__ */ jsxRuntime.jsx(
+        antd.Button,
+        {
+          type: "text",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.BoldOutlined, {}),
+          onClick: () => editor.chain().focus().toggleBold().run(),
+          disabled: readonly,
+          className: editor.isActive("bold") ? "ant-btn-primary" : ""
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { placement: "topLeft", title: "斜体", children: /* @__PURE__ */ jsxRuntime.jsx(
+        antd.Button,
+        {
+          type: "text",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ItalicOutlined, {}),
+          onClick: () => editor.chain().focus().toggleItalic().run(),
+          disabled: readonly,
+          className: editor.isActive("italic") ? "ant-btn-primary" : ""
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { placement: "topLeft", title: "下划线", children: /* @__PURE__ */ jsxRuntime.jsx(
+        antd.Button,
+        {
+          type: "text",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.UnderlineOutlined, {}),
+          onClick: () => editor.chain().focus().toggleUnderline().run(),
+          disabled: readonly,
+          className: editor.isActive("underline") ? "ant-btn-primary" : ""
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { placement: "topLeft", title: "删除线", children: /* @__PURE__ */ jsxRuntime.jsx(
+        antd.Button,
+        {
+          type: "text",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.StrikethroughOutlined, {}),
+          onClick: () => editor.chain().focus().toggleStrike().run(),
+          disabled: readonly,
+          className: editor.isActive("strike") ? "ant-btn-primary" : ""
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { placement: "topLeft", title: "清除格式", children: /* @__PURE__ */ jsxRuntime.jsx(
+        antd.Button,
+        {
+          type: "text",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ClearOutlined, {}),
+          onClick: () => editor.chain().focus().unsetAllMarks().clearNodes().run(),
+          disabled: readonly
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { placement: "topLeft", title: "文字颜色", children: /* @__PURE__ */ jsxRuntime.jsx(
+        antd.ColorPicker,
+        {
+          value: color,
+          size: "small",
+          disabled: readonly,
+          onChangeComplete: (newColor) => {
+            setColor(newColor);
+            editor.chain().focus().setColor(newColor.toHexString()).run();
+          }
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { placement: "topLeft", title: "字体大小", children: /* @__PURE__ */ jsxRuntime.jsx(
+        antd.Select,
+        {
+          defaultValue: "16px",
+          style: { width: 100 },
+          disabled: readonly,
+          onChange: (value2) => {
+            editor.chain().focus().setFontSize(value2).run();
+          },
+          options: [
+            { value: "12px", label: "12px" },
+            { value: "14px", label: "14px" },
+            { value: "16px", label: "16px" },
+            { value: "18px", label: "18px" },
+            { value: "20px", label: "20px" },
+            { value: "24px", label: "24px" },
+            { value: "28px", label: "28px" },
+            { value: "32px", label: "32px" }
+          ],
+          suffixIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.FontSizeOutlined, {})
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { placement: "topLeft", title: "左对齐", children: /* @__PURE__ */ jsxRuntime.jsx(
+        antd.Button,
+        {
+          type: "text",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.AlignLeftOutlined, {}),
+          onClick: () => editor.chain().focus().setTextAlign("left").run(),
+          disabled: readonly,
+          className: editor.isActive({ textAlign: "left" }) ? "ant-btn-primary" : ""
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { placement: "topLeft", title: "居中对齐", children: /* @__PURE__ */ jsxRuntime.jsx(
+        antd.Button,
+        {
+          type: "text",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.AlignCenterOutlined, {}),
+          onClick: () => editor.chain().focus().setTextAlign("center").run(),
+          disabled: readonly,
+          className: editor.isActive({ textAlign: "center" }) ? "ant-btn-primary" : ""
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { placement: "topLeft", title: "右对齐", children: /* @__PURE__ */ jsxRuntime.jsx(
+        antd.Button,
+        {
+          type: "text",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.AlignRightOutlined, {}),
+          onClick: () => editor.chain().focus().setTextAlign("right").run(),
+          disabled: readonly,
+          className: editor.isActive({ textAlign: "right" }) ? "ant-btn-primary" : ""
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { placement: "topLeft", title: "两端对齐", children: /* @__PURE__ */ jsxRuntime.jsx(
+        antd.Button,
+        {
+          type: "text",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.BlockOutlined, {}),
+          onClick: () => editor.chain().focus().setTextAlign("justify").run(),
+          disabled: readonly,
+          className: editor.isActive({ textAlign: "justify" }) ? "ant-btn-primary" : ""
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { style: { width: 1, height: 20, background: "#d9d9d9", margin: "0 8px" } }),
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { placement: "topLeft", title: "无序列表", children: /* @__PURE__ */ jsxRuntime.jsx(
+        antd.Button,
+        {
+          type: "text",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.UnorderedListOutlined, {}),
+          onClick: () => editor.chain().focus().toggleBulletList().run(),
+          disabled: readonly,
+          className: editor.isActive("bulletList") ? "ant-btn-primary" : ""
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { placement: "topLeft", title: "有序列表", children: /* @__PURE__ */ jsxRuntime.jsx(
+        antd.Button,
+        {
+          type: "text",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.OrderedListOutlined, {}),
+          onClick: () => editor.chain().focus().toggleOrderedList().run(),
+          disabled: readonly,
+          className: editor.isActive("orderedList") ? "ant-btn-primary" : ""
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { style: { width: 1, height: 20, background: "#d9d9d9", margin: "0 8px" } }),
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { placement: "topLeft", title: "高亮", children: /* @__PURE__ */ jsxRuntime.jsx(
+        antd.Button,
+        {
+          type: "text",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ToolOutlined, {}),
+          onClick: () => editor.chain().focus().toggleHighlight().run(),
+          disabled: readonly,
+          className: editor.isActive("highlight") ? "ant-btn-primary" : ""
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { style: { width: 1, height: 20, background: "#d9d9d9", margin: "0 8px" } }),
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { placement: "topLeft", title: "链接", children: /* @__PURE__ */ jsxRuntime.jsx(
+        antd.Button,
+        {
+          type: "text",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.LinkOutlined, {}),
+          onClick: () => {
+            const previousUrl = editor.getAttributes("link").href;
+            const url = window.prompt("请输入链接地址", previousUrl);
+            if (url === null) {
+              return;
+            }
+            if (url === "") {
+              editor.chain().focus().extendMarkRange("link").unsetLink().run();
+              return;
+            }
+            editor.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
+          },
+          disabled: readonly
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { style: { width: 1, height: 20, background: "#d9d9d9", margin: "0 8px" } }),
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { placement: "topLeft", title: "撤销", children: /* @__PURE__ */ jsxRuntime.jsx(
+        antd.Button,
+        {
+          type: "text",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.UndoOutlined, {}),
+          onClick: () => editor.chain().focus().undo().run(),
+          disabled: readonly || !editor.can().undo()
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { placement: "topLeft", title: "前进", children: /* @__PURE__ */ jsxRuntime.jsx(
+        antd.Button,
+        {
+          type: "text",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.RedoOutlined, {}),
+          onClick: () => editor.chain().focus().redo().run(),
+          disabled: readonly || !editor.can().redo()
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: () => editor.chain().focus().run(), children: /* @__PURE__ */ jsxRuntime.jsx(
+      react$1.EditorContent,
+      {
+        editor,
+        style: {
+          minHeight: 300,
+          padding: "8px",
+          outline: "none"
+        }
+      }
+    ) })
+  ] });
+};
+module.exports = MyRichText;

package/lib/components/DynamicForm/myRichText/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Ijson } from '../index.d';
 import { AxiosResponse } from 'axios';
 declare const MySelect: ({ item, readonly, style, commonRequestWidthParams, commonRequest, value, onChange, interfaceTypeDict, interfaceTypeSysDict, actionUrlKey, actionUrlExtraParams, langId, getTitle, attrid, }: {
@@ -17,5 +18,5 @@ declare const MySelect: ({ item, readonly, style, commonRequestWidthParams, comm
     langId?: string | undefined;
     getTitle?: ((pageID: string, dataID: string) => string) | undefined;
     attrid: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default MySelect;

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

@@ -17,11 +17,14 @@ const MySelect = ({
   actionUrlKey,
   actionUrlExtraParams,
   langId,
+  // 新增：语言id，默认10001
   getTitle,
+  // 新增：获取下拉框选项的语言匹配数据
   attrid
 }) => {
   const [options, setOptions] = react.useState([]);
   const [loading, setLoading] = react.useState(false);
+  const [checkedAll, setCheckedAll] = react.useState(false);
   const [instanceList, setInstanceList] = react.useState([]);
   react.useEffect(() => {
     handleLoadOptions();
@@ -77,6 +80,22 @@ const MySelect = ({
       setLoading(false);
     }
   };
+  const handleChange = (val) => {
+    if (attrid && (instanceList == null ? void 0 : instanceList.length) > 0 && (item == null ? void 0 : item.inputType) === "instance-url") {
+      const keyField = item == null ? void 0 : item["key-field"];
+      const row = func.findRowByValue(instanceList, String(val));
+      const keys = Object.keys(keyField || {});
+      const newObj = keys == null ? void 0 : keys.reduce((prev, cur) => {
+        const { list, delimiter } = (keyField == null ? void 0 : keyField[cur]) || {};
+        const value2 = list == null ? void 0 : list.map((x) => row == null ? void 0 : row[x]).join(delimiter || "-");
+        prev[cur] = value2;
+        return prev;
+      }, {});
+      onChange(newObj);
+      return;
+    }
+    onChange(val);
+  };
   return /* @__PURE__ */ jsxRuntime.jsx(
     antd.Select,
     {
@@ -95,20 +114,37 @@ const MySelect = ({
       maxTagCount: 1,
       allowClear: true,
       onChange: (val) => {
-        if (attrid && (instanceList == null ? void 0 : instanceList.length) > 0 && (item == null ? void 0 : item.inputType) === "instance-url") {
-          const keyField = item == null ? void 0 : item["key-field"];
-          const row = func.findRowByValue(instanceList, String(val));
-          const keys = Object.keys(keyField || {});
-          const newObj = keys == null ? void 0 : keys.reduce((prev, cur) => {
-            const { list, delimiter } = (keyField == null ? void 0 : keyField[cur]) || {};
-            const value2 = list == null ? void 0 : list.map((x) => row == null ? void 0 : row[x]).join(delimiter || "-");
-            prev[cur] = value2;
-            return prev;
-          }, {});
-          onChange(newObj);
-          return;
+        if (Array.isArray(val) && (item == null ? void 0 : item["custom-operation"]) && item.input === "mult-select") {
+          setCheckedAll(false);
+          if ((val == null ? void 0 : val.length) === (options == null ? void 0 : options.length)) {
+            setCheckedAll(true);
+          }
         }
-        onChange(val);
+        handleChange(val);
+      },
+      popupRender: (menu) => {
+        var _a;
+        return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          menu,
+          (item == null ? void 0 : item["custom-operation"]) && item.input === "mult-select" && ((_a = item == null ? void 0 : item["operation-types"]) == null ? void 0 : _a.includes("check-all")) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(antd.Divider, { style: { margin: "8px 0" } }),
+            /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "space-between", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", {}),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                antd.Checkbox,
+                {
+                  checked: checkedAll,
+                  onChange: (e) => {
+                    const val = e.target.checked ? options == null ? void 0 : options.map((v) => v.value) : [];
+                    setCheckedAll(e.target.checked);
+                    handleChange(val);
+                  },
+                  children: langId === "10001" ? "全选" : "check all"
+                }
+              )
+            ] })
+          ] })
+        ] });
       }
     }
   );

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { UploadFile } from 'antd/es/upload/interface';
 import { Ijson } from '../index.d';
 interface IMYUpload {
@@ -13,5 +14,5 @@ interface IMYUpload {
     relatedidKey: string;
     langId?: string;
 }
-declare const MyUpload: (props: IMYUpload) => import("react/jsx-runtime").JSX.Element;
+declare const MyUpload: (props: IMYUpload) => import("react").JSX.Element;
 export default MyUpload;

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

@@ -9,5 +9,5 @@ interface RadioCardProps {
     commonRequestWidthParams: (params: object, data?: any) => Promise<AxiosResponse<any, any>>;
     langId?: string;
 }
-declare const RadioCard: ({ item, readonly, value, onChange, style, commonRequestWidthParams, langId }: RadioCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const RadioCard: ({ item, readonly, value, onChange, style, commonRequestWidthParams, langId }: RadioCardProps) => import("react").JSX.Element;
 export default RadioCard;

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

@@ -12,7 +12,7 @@ interface SelectModelProps {
     CustomModalComponent?: React.FC<ICustomModal>;
     langId?: string;
 }
-declare function SelectModel(props: SelectModelProps): import("react/jsx-runtime").JSX.Element;
+declare function SelectModel(props: SelectModelProps): React.JSX.Element;
 /**
  *
  * @param selectedRows 选中的行数据

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

@@ -18,5 +18,5 @@ interface SelectModelProps {
     form: FormInstance;
     langId?: string;
 }
-declare function SelectModel(props: SelectModelProps): import("react/jsx-runtime").JSX.Element;
+declare function SelectModel(props: SelectModelProps): React.JSX.Element;
 export default SelectModel;

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

@@ -37,7 +37,7 @@ declare function useDynamicForm(props: IDynamicFormProps): {
         isFormListItem?: boolean | undefined;
         formListField?: NestedFormListFieldData | undefined;
         isShowLabel?: boolean | undefined;
-    }) => import("react/jsx-runtime").JSX.Element | null;
+    }) => import("react").JSX.Element | null;
     handleSetFormItemInitialValue: (itemWithJson: IformConfigItem) => any;
 };
 export default useDynamicForm;

package/lib/components/DynamicForm/useDynamicForm.js

@@ -15,6 +15,7 @@ const MySelect = require("./mySelect");
 const MyUpload = require("./myUpload");
 const MyRadio = require("./myRadio");
 const antd = require("antd");
+const MyRichText = require("./myRichText");
 dayjs.extend(isoWeek);
 function useDynamicForm(props) {
   const {
@@ -30,8 +31,11 @@ function useDynamicForm(props) {
     actionUrlExtraParams,
     CustomModalComponent,
     isEdit,
+    // 新增：是否编辑模式，默认false
     formShowType = "form",
+    // 新增：表单展示类型，默认form
     langId,
+    // 新增：语言id，默认10001
     getTitle
   } = props;
   const formConfigRef = react.useRef([]);
@@ -167,7 +171,8 @@ function useDynamicForm(props) {
     var _a, _b, _c, _d, _e;
     return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 10, vertical: instructionShowMode === "flex", align: "center", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { children: itemWithJson.attrname }),
-      ((_a = itemWithJson == null ? void 0 : itemWithJson.json) == null ? void 0 : _a.instruction) && instructionShowMode === "icon" && /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: (_b = itemWithJson == null ? void 0 : itemWithJson.json) == null ? void 0 : _b.instruction, children: /* @__PURE__ */ jsxRuntime.jsx(
+      ((_a = itemWithJson == null ? void 0 : itemWithJson.json) == null ? void 0 : _a.instruction) && instructionShowMode === "icon" && // 兼容语言匹配不到时直接展示instruction内容
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: (_b = itemWithJson == null ? void 0 : itemWithJson.json) == null ? void 0 : _b.instruction, children: /* @__PURE__ */ jsxRuntime.jsx(
         icons.InfoCircleOutlined,
         {
           style: {
@@ -487,7 +492,7 @@ function useDynamicForm(props) {
     defaultWidth = 358,
     customWidth = {}
   }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w;
     const mode = item.json.input || "text";
     const format = ((_a = item.json) == null ? void 0 : _a.format) || "";
     const attrid = item.attrid;
@@ -582,6 +587,7 @@ function useDynamicForm(props) {
                 form.setFieldsValue({
                   ...form.getFieldsValue(),
                   ...val
+                  // 此时 TypeScript 能确定 val 是对象，不会报错
                 });
                 return;
               }
@@ -771,6 +777,19 @@ function useDynamicForm(props) {
             commonRequestWidthParams
           }
         );
+      case "rich-text":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          MyRichText,
+          {
+            item: item.json,
+            readonly: readonly || ((_v = item.json) == null ? void 0 : _v.readonly),
+            style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth },
+            value: item.attrvalue,
+            onChange: (value) => {
+              form.setFieldValue(item.attrid, value);
+            }
+          }
+        );
       default:
         return /* @__PURE__ */ jsxRuntime.jsx(
           antd.Input,
@@ -778,7 +797,7 @@ function useDynamicForm(props) {
             placeholder: message2 || placeholder,
             ...params,
             showCount: true,
-            disabled: readonly || ((_v = item.json) == null ? void 0 : _v.readonly),
+            disabled: readonly || ((_w = item.json) == null ? void 0 : _w.readonly),
             style: { width, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
           }
         );
@@ -805,6 +824,7 @@ function useDynamicForm(props) {
       json: {
         ...json,
         ...item.json || {}
+        // 确保 item.json 中的动态更新能覆盖解析的值
       }
     };
     if (((_a = itemWithJson.json) == null ? void 0 : _a.hide) === true) {

package/lib/components/DynamicFormMobile/index.js

@@ -81,6 +81,7 @@ const DynamicForm = react.forwardRef((props, ref) => {
               justify: "space-between",
               style: {
                 height: 44,
+                // width: 'calc(100vw - 32px)',
                 marginLeft: 16,
                 marginRight: 16,
                 borderBottom: "1px solid #E3E3E3"
@@ -104,6 +105,7 @@ const DynamicForm = react.forwardRef((props, ref) => {
               formItemStyle,
               isFormListItem: true,
               formListField: field
+              // isShowLabel: false,
             }) }, index);
           }) })
         ]

package/lib/components/DynamicFormMobile/myCalendar/index.d.ts

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 import { CalendarProps, CalendarType } from 'react-vant';
 declare const StringCompatibleCalendar: (props: {
     value?: string | string[] | undefined;
     onChange?: ((date: string | string[]) => void) | undefined;
     langId: string;
     type?: CalendarType | undefined;
-} & CalendarProps) => import("react/jsx-runtime").JSX.Element;
+} & CalendarProps) => import("react").JSX.Element;
 export default StringCompatibleCalendar;

package/lib/components/DynamicFormMobile/myCascader/index.d.ts

@@ -14,5 +14,5 @@ interface MyCascaderProps {
     actionUrlExtraParams: object;
     langId: string;
 }
-declare const MyCascader: ({ item, readonly, value, onChange, style, commonRequestWidthParams, commonRequest, interfaceTypeDict, interfaceTypeSysDict, actionUrlKey, actionUrlExtraParams, langId, }: MyCascaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const MyCascader: ({ item, readonly, value, onChange, style, commonRequestWidthParams, commonRequest, interfaceTypeDict, interfaceTypeSysDict, actionUrlKey, actionUrlExtraParams, langId, }: MyCascaderProps) => import("react").JSX.Element;
 export default MyCascader;

package/lib/components/DynamicFormMobile/myCheckbox/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AxiosResponse } from 'axios';
 import { Ijson } from '../../DynamicForm/index.d';
 export interface IMYRadio {
@@ -16,5 +17,5 @@ export interface IMYRadio {
     actionUrlExtraParams: object;
     langId?: string;
 }
-declare const MyCheckbox: (props: IMYRadio) => import("react/jsx-runtime").JSX.Element;
+declare const MyCheckbox: (props: IMYRadio) => import("react").JSX.Element;
 export default MyCheckbox;

package/lib/components/DynamicFormMobile/myRadio/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RadioChangeEvent } from 'antd';
 import { AxiosResponse } from 'axios';
 import { Ijson } from '../../DynamicForm/index.d';
@@ -17,5 +18,5 @@ export interface IMYRadio {
     actionUrlExtraParams: object;
     langId?: string;
 }
-declare const MyRadio: (props: IMYRadio) => import("react/jsx-runtime").JSX.Element;
+declare const MyRadio: (props: IMYRadio) => import("react").JSX.Element;
 export default MyRadio;

package/lib/components/DynamicFormMobile/mySelect/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Ijson } from '../index.d';
 import { AxiosResponse } from 'axios';
 declare const MySelect: ({ item, readonly, style, commonRequestWidthParams, commonRequest, value, onChange, interfaceTypeDict, interfaceTypeSysDict, actionUrlKey, actionUrlExtraParams, langId, getTitle, attrid, }: {
@@ -15,5 +16,5 @@ declare const MySelect: ({ item, readonly, style, commonRequestWidthParams, comm
     langId?: string | undefined;
     getTitle?: ((pageID: string, dataID: string) => string) | undefined;
     attrid?: string | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default MySelect;

package/lib/components/DynamicFormMobile/myUpload/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { UploadFile } from 'antd/es/upload/interface';
 import { Ijson } from '../index.d';
 interface IMYUpload {
@@ -13,5 +14,5 @@ interface IMYUpload {
     relatedidKey: string;
     langId?: string;
 }
-declare const MyUpload: (props: IMYUpload) => import("react/jsx-runtime").JSX.Element;
+declare const MyUpload: (props: IMYUpload) => import("react").JSX.Element;
 export default MyUpload;

package/lib/components/DynamicFormMobile/radioCard/index.d.ts

@@ -8,5 +8,5 @@ interface RadioCardProps {
     style?: React.CSSProperties;
     commonRequestWidthParams: (params: object, data?: any) => Promise<AxiosResponse<any, any>>;
 }
-declare const RadioCard: ({ item, readonly, value, onChange, style, commonRequestWidthParams }: RadioCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const RadioCard: ({ item, readonly, value, onChange, style, commonRequestWidthParams }: RadioCardProps) => import("react").JSX.Element;
 export default RadioCard;

package/lib/components/DynamicFormMobile/selectModel/index.d.ts

@@ -12,7 +12,7 @@ interface SelectModelProps {
     CustomModalComponent?: React.FC<ICustomModal>;
     langId?: string;
 }
-declare function SelectModel(props: SelectModelProps): import("react/jsx-runtime").JSX.Element;
+declare function SelectModel(props: SelectModelProps): React.JSX.Element;
 /**
  *
  * @param selectedRows 选中的行数据

package/lib/components/DynamicFormMobile/selectModelBackfillFormItem/index.d.ts

@@ -18,7 +18,7 @@ interface SelectModelProps {
     langId?: string;
     getTitle?: (pageID: string, dataID: string) => string;
 }
-declare function SelectModel(props: SelectModelProps): import("react/jsx-runtime").JSX.Element;
+declare function SelectModel(props: SelectModelProps): React.JSX.Element;
 /**
  *
  * @param selectedRows 选中的行数据

package/lib/components/DynamicFormMobile/useDynamicForm.d.ts

@@ -40,7 +40,7 @@ declare function useDynamicForm(props: IDynamicFormProps): {
         isFormListItem?: boolean | undefined;
         formListField?: NestedFormListFieldData | undefined;
         isShowLabel?: boolean | undefined;
-    }) => import("react/jsx-runtime").JSX.Element | null;
+    }) => import("react").JSX.Element | null;
     handleSetFormItemInitialValue: (itemWithJson: import(".").IformConfigItem) => any;
 };
 export default useDynamicForm;