szld-libs 0.4.49 → 0.4.51

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

@@ -0,0 +1,290 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const react$1 = require("@tiptap/react");
+const StarterKit = require("@tiptap/starter-kit");
+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 Color = require("@tiptap/extension-color");
+const react = require("react");
+const reactVant = require("react-vant");
+const lucideReact = require("lucide-react");
+const enmu = require("./enmu");
+const MyRichText = ({ item, readonly, style, value, langId, onChange }) => {
+  const [showFontSizePicker, setShowFontSizePicker] = react.useState(false);
+  const [showColorPicker, setShowColorPicker] = react.useState(false);
+  const [selectedSize, setSelectedSize] = react.useState("16px");
+  const [selectedColor, setSelectedColor] = react.useState("#1677ff");
+  react.useEffect(() => {
+    const styleSheet = document.createElement("style");
+    styleSheet.textContent = `
+      .MyRichText_ProseMirror {
+        min-height: 200px !important;
+        outline: none !important;
+        box-shadow: none !important;
+        border: none !important;
+        padding: 12px;
+        font-size: 16px;
+        line-height: 1.6;
+      }
+      .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 0 8px 0;
+        padding: 0;
+      }
+      .MyRichText_ProseMirror h1,
+      .MyRichText_ProseMirror h2,
+      .MyRichText_ProseMirror h3 {
+        margin: 12px 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 || "<p><br /></p>",
+    editable: !readonly,
+    editorProps: {
+      attributes: {
+        class: "MyRichText_ProseMirror"
+      }
+    },
+    onUpdate: ({ editor: editor2 }) => {
+      onChange(editor2.getHTML());
+    }
+  });
+  if (!editor) {
+    return null;
+  }
+  const formatButtons = [
+    {
+      key: "bold",
+      icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bold, { size: 18 }),
+      label: "粗",
+      action: () => editor.chain().focus().toggleBold().run(),
+      active: "bold"
+    },
+    {
+      key: "italic",
+      icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Italic, { size: 18 }),
+      label: "斜",
+      action: () => editor.chain().focus().toggleItalic().run(),
+      active: "italic"
+    },
+    {
+      key: "underline",
+      icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Underline, { size: 18 }),
+      label: "下",
+      action: () => editor.chain().focus().toggleUnderline().run(),
+      active: "underline"
+    },
+    {
+      key: "strike",
+      icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Strikethrough, { size: 18 }),
+      label: "删",
+      action: () => editor.chain().focus().toggleStrike().run(),
+      active: "strike"
+    }
+  ];
+  const alignButtons = [
+    {
+      key: "align-left",
+      icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignLeft, { size: 18 }),
+      label: "左",
+      action: () => editor.chain().focus().setTextAlign("left").run(),
+      active: { textAlign: "left" }
+    },
+    {
+      key: "align-center",
+      icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignCenter, { size: 18 }),
+      label: "中",
+      action: () => editor.chain().focus().setTextAlign("center").run(),
+      active: { textAlign: "center" }
+    },
+    {
+      key: "align-right",
+      icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignRight, { size: 18 }),
+      label: "右",
+      action: () => editor.chain().focus().setTextAlign("right").run(),
+      active: { textAlign: "right" }
+    }
+  ];
+  const listButtons = [
+    {
+      key: "bulletList",
+      icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.List, { size: 18 }),
+      label: "列",
+      action: () => editor.chain().focus().toggleBulletList().run(),
+      active: "bulletList"
+    },
+    {
+      key: "orderedList",
+      icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ListOrdered, { size: 20 }),
+      label: "序",
+      action: () => editor.chain().focus().toggleOrderedList().run(),
+      active: "orderedList"
+    }
+  ];
+  const handleFontSizeChange = (size) => {
+    setSelectedSize(size);
+    editor.chain().focus().setFontSize(size).run();
+    setShowFontSizePicker(false);
+  };
+  const handleColorChange = (color) => {
+    setSelectedColor(color);
+    editor.chain().focus().setColor(color).run();
+    setShowColorPicker(false);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { ...style, border: "1px solid #eee", borderRadius: 8, overflow: "hidden", backgroundColor: "#fff" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        style: {
+          padding: "8px 12px",
+          background: "#f8f9fa",
+          borderBottom: "1px solid #eee"
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsxs(reactVant.Space, { wrap: true, children: [
+          formatButtons.map((btn) => /* @__PURE__ */ jsxRuntime.jsx(
+            reactVant.Button,
+            {
+              size: "small",
+              type: editor.isActive(btn.active) ? "primary" : "default",
+              plain: true,
+              onClick: btn.action,
+              disabled: readonly,
+              icon: btn.icon
+            },
+            btn.key
+          )),
+          /* @__PURE__ */ jsxRuntime.jsx(reactVant.Button, { size: "small", plain: true, onClick: () => setShowFontSizePicker(true), disabled: readonly, children: selectedSize }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            reactVant.Button,
+            {
+              size: "small",
+              plain: true,
+              onClick: () => setShowColorPicker(true),
+              disabled: readonly,
+              style: {
+                width: "32px",
+                height: "32px",
+                backgroundColor: selectedColor,
+                borderRadius: "4px"
+              }
+            }
+          ),
+          alignButtons.map((btn) => /* @__PURE__ */ jsxRuntime.jsx(
+            reactVant.Button,
+            {
+              size: "small",
+              type: editor.isActive(btn.active) ? "primary" : "default",
+              plain: true,
+              onClick: btn.action,
+              disabled: readonly,
+              icon: btn.icon
+            },
+            btn.key
+          )),
+          listButtons.map((btn) => /* @__PURE__ */ jsxRuntime.jsx(
+            reactVant.Button,
+            {
+              size: "small",
+              type: editor.isActive(btn.active) ? "primary" : "default",
+              plain: true,
+              onClick: btn.action,
+              disabled: readonly,
+              icon: btn.icon
+            },
+            btn.key
+          )),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            reactVant.Button,
+            {
+              size: "small",
+              plain: true,
+              onClick: () => editor.chain().focus().undo().run(),
+              disabled: readonly || !editor.can().undo(),
+              icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Undo, { size: 18 })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            reactVant.Button,
+            {
+              size: "small",
+              plain: true,
+              onClick: () => editor.chain().focus().redo().run(),
+              disabled: readonly || !editor.can().redo(),
+              icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Redo, { size: 18 })
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: () => editor.chain().focus().run(), children: /* @__PURE__ */ jsxRuntime.jsx(
+      react$1.EditorContent,
+      {
+        editor,
+        style: {
+          minHeight: 200,
+          outline: "none",
+          backgroundColor: "#fff"
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(reactVant.Popup, { visible: showFontSizePicker, position: "bottom", onClose: () => setShowFontSizePicker(false), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "20px" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { textAlign: "center", marginBottom: "16px", fontSize: "16px", fontWeight: "bold" }, children: "选择字体大小" }),
+      /* @__PURE__ */ jsxRuntime.jsx(reactVant.Space, { wrap: true, style: { justifyContent: "center" }, children: enmu.fontSizes.map((size) => /* @__PURE__ */ jsxRuntime.jsx(
+        reactVant.Button,
+        {
+          size: "small",
+          type: selectedSize === size.value ? "primary" : "default",
+          onClick: () => handleFontSizeChange(size.value),
+          style: { padding: "8px 16px", margin: "4px" },
+          children: size.label
+        },
+        size.value
+      )) })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(reactVant.Popup, { visible: showColorPicker, position: "bottom", onClose: () => setShowColorPicker(false), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "20px" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { textAlign: "center", marginBottom: "16px", fontSize: "16px", fontWeight: "bold" }, children: "选择文字颜色" }),
+      /* @__PURE__ */ jsxRuntime.jsx(reactVant.Space, { wrap: true, children: enmu.colors.map((color) => /* @__PURE__ */ jsxRuntime.jsx(
+        reactVant.Button,
+        {
+          size: "small",
+          plain: true,
+          onClick: () => handleColorChange(color),
+          style: {
+            width: "24px",
+            height: "24px",
+            borderRadius: "50%",
+            backgroundColor: color,
+            margin: "4px"
+          }
+        },
+        color
+      )) })
+    ] }) })
+  ] });
+};
+module.exports = MyRichText;

package/lib/components/DynamicFormMobile/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/DynamicFormMobile/mySelect/index.css

@@ -19,7 +19,7 @@
 }
 .index-module_checkbox-group_4684b .index-module_checkbox-group-content_f81a1 {
   overflow-y: auto;
-  margin-top: 34px;
+  margin-top: 16px;
 }
 .index-module_checkbox-group_4684b .index-module_checkbox-group-content_f81a1 .index-module_checkbox-item_1b36c {
   font-size: 14px;
@@ -29,3 +29,11 @@
   font-size: 14px;
   color: #999;
 }
+.index-module_checkbox-group_4684b .index-module_checkbox-group-check-all_1e608 {
+  border-bottom: 1px solid #e5e5e5;
+  padding-top: 40px;
+  padding-bottom: 16px;
+}
+.index-module_checkbox-group_4684b .index-module_checkbox-group-check-all_1e608 .index-module_item_4fef5 {
+  font-size: 14px;
+}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Ijson } from '../index.d';
+import { Ijson } from '../../DynamicForm/index.d';
 import { AxiosResponse } from 'axios';
 declare const MySelect: ({ item, readonly, style, commonRequestWidthParams, commonRequest, value, onChange, interfaceTypeDict, interfaceTypeSysDict, actionUrlKey, actionUrlExtraParams, langId, getTitle, attrid, }: {
     item: Ijson;

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

@@ -1,15 +1,17 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
+const szxkFunc = require("../../../utils/szxkFunc");
 const func = require("../../DynamicForm/func");
 const reactVant = require("react-vant");
 const react = require("react");
 const antd = require("antd");
-const szxkFunc = require("../../../utils/szxkFunc");
 const checkboxGroup = "index-module_checkbox-group_4684b";
 const checkboxGroupHeader = "index-module_checkbox-group-header_192bd";
 const checkboxGroupContent = "index-module_checkbox-group-content_f81a1";
 const checkboxItem = "index-module_checkbox-item_1b36c";
 const checkboxGroupCancel = "index-module_checkbox-group-cancel_c5cfb";
+const checkboxGroupCheckAll = "index-module_checkbox-group-check-all_1e608";
+const item = "index-module_item_4fef5";
 const styles = {
   "checkbox-group": "index-module_checkbox-group_4684b",
   checkboxGroup,
@@ -20,10 +22,13 @@ const styles = {
   "checkbox-item": "index-module_checkbox-item_1b36c",
   checkboxItem,
   "checkbox-group-cancel": "index-module_checkbox-group-cancel_c5cfb",
-  checkboxGroupCancel
+  checkboxGroupCancel,
+  "checkbox-group-check-all": "index-module_checkbox-group-check-all_1e608",
+  checkboxGroupCheckAll,
+  item
 };
 const MySelect = ({
-  item,
+  item: item2,
   readonly,
   style,
   commonRequestWidthParams,
@@ -38,29 +43,34 @@ const MySelect = ({
   getTitle,
   attrid
 }) => {
+  var _a;
   const [options, setOptions] = react.useState([]);
   const [instanceList, setInstanceList] = react.useState([]);
+  const [isAllChecked, setIsAllChecked] = react.useState(false);
+  const [showPopup, setShowPopup] = react.useState(false);
+  const [selectedValues, setSelectedValues] = react.useState([]);
+  const [confirmValues, setConfirmValues] = react.useState([]);
   react.useEffect(() => {
-    if (item.input === "mult-select" && value && Array.isArray(value)) {
+    if (item2.input === "mult-select" && value && Array.isArray(value)) {
       setSelectedValues(value || []);
       setConfirmValues(value || []);
     }
   }, [value]);
   react.useEffect(() => {
     handleLoadOptions();
-  }, [item.inputType, item.classify, item.data, item.options]);
+  }, [item2.inputType, item2.classify, item2.data, item2.options]);
   const handleLoadOptions = async () => {
-    if (item.inputType === "instance-url" && (item == null ? void 0 : item["instance-source-number"]) && attrid) {
-      const keyField = item == null ? void 0 : item["key-field"];
+    if (item2.inputType === "instance-url" && (item2 == null ? void 0 : item2["instance-source-number"]) && attrid) {
+      const keyField = item2 == null ? void 0 : item2["key-field"];
       if (!keyField) {
         reactVant.Toast("请配置key-field");
         return;
       }
       const params = {
-        "source-number": item == null ? void 0 : item["instance-source-number"]
+        "source-number": item2 == null ? void 0 : item2["instance-source-number"]
       };
       let list2 = await szxkFunc.handleGetList(params, commonRequestWidthParams);
-      const controlPanelConfig = await szxkFunc.handleGetControlPanelConfig(item == null ? void 0 : item["instance-source-number"], commonRequest);
+      const controlPanelConfig = await szxkFunc.handleGetControlPanelConfig(item2 == null ? void 0 : item2["instance-source-number"], commonRequest);
       if (controlPanelConfig) {
         const nonUniversalHeader = (controlPanelConfig == null ? void 0 : controlPanelConfig["non-universal-header"]) || [];
         const labelConfig = (nonUniversalHeader == null ? void 0 : nonUniversalHeader["label"]) || [];
@@ -89,14 +99,11 @@ const MySelect = ({
       interfaceTypeSysDict,
       actionUrlKey,
       actionUrlExtraParams,
-      item
+      item: item2
     });
     setOptions(list);
   };
-  const [showPopup, setShowPopup] = react.useState(false);
-  const [selectedValues, setSelectedValues] = react.useState([]);
-  const [confirmValues, setConfirmValues] = react.useState([]);
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: item.input === "mult-select" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: "100%", ...style }, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: item2.input === "mult-select" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: "100%", ...style }, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       reactVant.Field,
       {
@@ -110,7 +117,7 @@ const MySelect = ({
           setSelectedValues([...confirmValues]);
           setShowPopup(true);
         },
-        placeholder: langId === "10001" ? (item == null ? void 0 : item["default-prompt"]) || "请选择" : (item == null ? void 0 : item["default-prompt"]) || "Please select"
+        placeholder: langId === "10001" ? (item2 == null ? void 0 : item2["default-prompt"]) || "请选择" : (item2 == null ? void 0 : item2["default-prompt"]) || "Please select"
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -136,14 +143,38 @@ const MySelect = ({
               }
             )
           ] }),
+          (item2 == null ? void 0 : item2["custom-operation"]) && item2.input === "mult-select" && ((_a = item2 == null ? void 0 : item2["operation-types"]) == null ? void 0 : _a.includes("check-all")) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles["checkbox-group-check-all"], children: /* @__PURE__ */ jsxRuntime.jsx(
+            reactVant.Checkbox,
+            {
+              className: styles["item"],
+              shape: "square",
+              checked: isAllChecked,
+              onChange: (v) => {
+                setIsAllChecked(v);
+                setSelectedValues(v ? options.map((item22) => item22.value) : []);
+              },
+              children: langId === "10001" ? "全选" : "check all"
+            }
+          ) }),
           /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
               style: {
-                height: " calc(60vh - 70px)"
+                height: " calc(60vh - 126px)"
               },
               className: styles["checkbox-group-content"],
-              children: /* @__PURE__ */ jsxRuntime.jsx(reactVant.Checkbox.Group, { iconSize: "18", onChange: (v) => setSelectedValues(v), value: selectedValues, children: options.map((item2) => /* @__PURE__ */ jsxRuntime.jsx(reactVant.Checkbox, { shape: "square", className: styles["checkbox-item"], name: item2.value, children: item2.label }, item2.value)) })
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                reactVant.Checkbox.Group,
+                {
+                  iconSize: "18",
+                  onChange: (v) => {
+                    setSelectedValues(v);
+                    setIsAllChecked((v == null ? void 0 : v.length) === (options == null ? void 0 : options.length));
+                  },
+                  value: selectedValues,
+                  children: options.map((item22) => /* @__PURE__ */ jsxRuntime.jsx(reactVant.Checkbox, { shape: "square", className: styles["checkbox-item"], name: item22.value, children: item22.label }, item22.value))
+                }
+              )
             }
           )
         ] })
@@ -159,8 +190,8 @@ const MySelect = ({
         text: "label"
       },
       onConfirm: (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"];
+        if (attrid && (instanceList == null ? void 0 : instanceList.length) > 0 && (item2 == null ? void 0 : item2.inputType) === "instance-url") {
+          const keyField = item2 == null ? void 0 : item2["key-field"];
           const row = func.findRowByValue(instanceList, String(val));
           const keys = Object.keys(keyField || {});
           const newObj = keys == null ? void 0 : keys.reduce((prev, cur) => {
@@ -175,16 +206,16 @@ const MySelect = ({
         onChange(val);
       },
       children: (val, _, actions) => {
-        var _a;
+        var _a2;
         val = val || value;
         let str = "";
         if (Array.isArray(val)) {
           str = (val == null ? void 0 : val.map((v) => {
-            var _a2;
-            return ((_a2 = options.find((x) => x.value === v)) == null ? void 0 : _a2.label) || v;
+            var _a3;
+            return ((_a3 = options.find((x) => x.value === v)) == null ? void 0 : _a3.label) || v;
           }).join(",")) || "";
         }
-        str = ((_a = options.find((v) => v.value === val)) == null ? void 0 : _a.label) || val;
+        str = ((_a2 = options.find((v) => v.value === val)) == null ? void 0 : _a2.label) || val;
         return /* @__PURE__ */ jsxRuntime.jsx(
           reactVant.Field,
           {
@@ -192,7 +223,7 @@ const MySelect = ({
             isLink: true,
             readOnly: true,
             clickable: true,
-            placeholder: langId === "10001" ? (item == null ? void 0 : item["default-prompt"]) || "请选择" : (item == null ? void 0 : item["default-prompt"]) || "Please select",
+            placeholder: langId === "10001" ? (item2 == null ? void 0 : item2["default-prompt"]) || "请选择" : (item2 == null ? void 0 : item2["default-prompt"]) || "Please select",
             value: str,
             onClick: () => {
               if (readonly)

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { UploadFile } from 'antd/es/upload/interface';
-import { Ijson } from '../index.d';
+import { Ijson } from '../../DynamicForm/index.d';
 interface IMYUpload {
     action?: string;
     onChange?: (checkedValue: any[]) => void;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { AxiosResponse } from 'axios';
-import { Ijson } from '../index.d';
+import { Ijson } from '../../DynamicForm/index.d';
 interface SelectModelProps {
     item: Ijson;
     onSure: (value: string) => void;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { AxiosResponse } from 'axios';
-import { Ijson } from '../index.d';
+import { Ijson } from '../../DynamicForm/index.d';
 import { FormInstance } from 'react-vant';
 interface SelectModelProps {
     item: Ijson;

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { IformConfigItem, IformItemStyle } from '../DynamicForm/index.d';
-import { AxiosResponse } from 'axios';
 import { FormListFieldData, UploadFile } from 'antd';
+import { IformConfigItem, IformItemStyle } from '../DynamicForm/index.d';
 import { FormInstance } from 'react-vant';
+import { AxiosResponse } from 'axios';
 interface IDynamicFormProps {
     commonRequestWidthParams: (params: object, data?: any) => Promise<AxiosResponse<any, any>>;
     commonRequest: (InterfaceType: string, data?: any) => Promise<AxiosResponse<any, any>>;

package/lib/components/DynamicFormMobile/useDynamicForm.js

@@ -1,22 +1,23 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 const icons = require("@ant-design/icons");
-const func = require("./func");
+const antd = require("antd");
 const method = require("../../utils/method");
+const func = require("./func");
 const SelectModelBackfillFormItem = require("./selectModelBackfillFormItem");
+const reactVant = require("react-vant");
 const react = require("react");
 const isoWeek = require("dayjs/plugin/isoWeek");
 const SelectModel = require("./selectModel");
 const MyCheckbox = require("./myCheckbox");
 const MyCascader = require("./myCascader");
+const MyCalendar = require("./myCalendar");
+const MyRichText = require("./myRichText");
 const dayjs = require("dayjs");
 const RadioCard = require("./radioCard");
 const MySelect = require("./mySelect");
 const MyUpload = require("./myUpload");
 const MyRadio = require("./myRadio");
-const antd = require("antd");
-const reactVant = require("react-vant");
-const MyCalendar = require("./myCalendar");
 dayjs.extend(isoWeek);
 function useDynamicForm(props) {
   const {
@@ -758,6 +759,20 @@ function useDynamicForm(props) {
             commonRequestWidthParams
           }
         );
+      case "rich-text":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          MyRichText,
+          {
+            langId,
+            readonly,
+            item: item.json,
+            onChange: (val) => {
+              form.setFieldValue(item.attrid, val);
+            },
+            value: formatValue,
+            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth }
+          }
+        );
       default:
         return /* @__PURE__ */ jsxRuntime.jsx(
           reactVant.Input,

package/lib/index.js

@@ -16,7 +16,7 @@ const Demo = () => {
   const formRef = react.useRef(null);
   const [form] = antd.Form.useForm();
   const [list, setList] = react.useState([]);
-  const [langId, setLangId] = react.useState("");
+  const [langId, setLangId] = react.useState("10002");
   const onValuesChange = async (values, allValues) => {
   };
   react.useEffect(() => {

package/lib/utils/szxkFunc.d.ts

@@ -70,3 +70,14 @@ export declare const handleFormatMobileDate: (values: Record<string, any>, forma
 export declare const handleNonUniversalHeader: (nonUniversalHeader: Record<string, string>, data: Record<string, any>) => Record<string, any>;
 export declare const handleGetControlPanelConfig: (sourceNumber: string | number, commonRequest: (InterfaceType: string, data?: any) => Promise<AxiosResponse<any, any>>) => Promise<any>;
 export declare const isJson: (str: string) => boolean;
+export declare const getLangData: ({ commonRequestWidthParams, params, interfaceConfig, langId, }: {
+    commonRequestWidthParams: (params: object, data?: any) => Promise<AxiosResponse<any, any>>;
+    params: {
+        sysid: string;
+        pageid?: string;
+        dataid?: string;
+        dicid?: string;
+    };
+    interfaceConfig?: Record<string, string> | undefined;
+    langId: string | undefined;
+}) => Promise<any>;

package/lib/utils/szxkFunc.js

@@ -109,6 +109,31 @@ const isJson = (str) => {
     return false;
   }
 };
+const getLangData = async ({
+  commonRequestWidthParams,
+  params,
+  interfaceConfig = {
+    PageName: "dns_relay",
+    Controlname: "Connon_Control",
+    InterfaceType: "YYGLOpenList"
+  },
+  langId
+}) => {
+  var _a;
+  try {
+    if (!langId)
+      return [];
+    langId = String(langId);
+    const res = await commonRequestWidthParams(interfaceConfig, params);
+    if ((res == null ? void 0 : res.ReturnValue) === 1) {
+      const list = ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.list) || [];
+      return (list == null ? void 0 : list.filter((item) => item.dicid === langId)) || [];
+    }
+    return [];
+  } catch (error) {
+  }
+};
+exports.getLangData = getLangData;
 exports.handleCallSupportCode = handleCallSupportCode;
 exports.handleFormatMobileDate = handleFormatMobileDate;
 exports.handleGetAttrDetail = handleGetAttrDetail;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "szld-libs",
   "private": false,
-  "version": "0.4.49",
+  "version": "0.4.51",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -24,6 +24,7 @@
     "crypto-js": "^4.2.0",
     "dayjs": "^1.11.19",
     "lodash": "^4.17.21",
+    "lucide-react": "^1.21.0",
     "pako": "^2.1.0",
     "query-string": "^9.3.1",
     "react": "^18.2.0",