szld-libs 0.4.49 → 0.4.50

package/es/components/DynamicFormMobile/useDynamicForm.js

@@ -1,21 +1,22 @@
 import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
 import { MinusSquareOutlined, PlusSquareOutlined, CloseOutlined, InfoCircleOutlined } from "@ant-design/icons";
-import { handleSetFormItemInitialValue, handleGetPlaceholder } from "./func";
+import { App, Col, Collapse, Card, Flex, Button, DatePicker, Tooltip } from "antd";
 import { handleUrlOptions, getJson, base64ToString } from "../../utils/method";
+import { handleSetFormItemInitialValue, handleGetPlaceholder } from "./func";
 import SelectModelBackfillFormItem from "./selectModelBackfillFormItem";
+import { Form, Input, DatetimePicker } from "react-vant";
 import { useRef, useEffect, useCallback, Fragment } from "react";
 import isoWeek from "dayjs/plugin/isoWeek";
 import SelectModel from "./selectModel";
 import MyCheckbox from "./myCheckbox";
 import MyCascader from "./myCascader";
+import MyCalendar from "./myCalendar";
+import MyRichText from "./myRichText";
 import dayjs from "dayjs";
 import RadioCard from "./radioCard";
 import MySelect from "./mySelect";
 import MyUpload from "./myUpload";
 import MyRadio from "./myRadio";
-import { App, Col, Collapse, Card, Flex, Button, DatePicker, Tooltip } from "antd";
-import { Form, Input, DatetimePicker } from "react-vant";
-import MyCalendar from "./myCalendar";
 dayjs.extend(isoWeek);
 function useDynamicForm(props) {
   const {
@@ -757,6 +758,20 @@ function useDynamicForm(props) {
             commonRequestWidthParams
           }
         );
+      case "rich-text":
+        return /* @__PURE__ */ 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__ */ jsx(
           Input,

package/es/index.js

@@ -1,8 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { handleAttrList, handleSubmitForm } from "./utils/method";
-import { BackHeader, DynamicForm } from "./main";
+import { BackHeader, DynamicFormMobile } from "./main";
 import { BrowserRouter } from "react-router-dom";
-import { ConfigProvider, App, Form, Button } from "antd";
+import { ConfigProvider, App } from "antd";
+import { Form } from "react-vant";
 import { useRef, useState, useEffect } from "react";
 import ReactDOM from "react-dom/client";
 import zhCN from "antd/es/locale/zh_CN";
@@ -33,13 +34,14 @@ const Demo = () => {
     /* @__PURE__ */ jsx(BackHeader, { title: "页头组件", isBack: true }),
     /* @__PURE__ */ jsx("div", { style: { padding: "20px" }, children: /* @__PURE__ */ jsxs(Form, { form, onValuesChange, layout: "vertical", onFinish, children: [
       /* @__PURE__ */ jsx(
-        DynamicForm,
+        DynamicFormMobile,
         {
           formConfig: list,
           readonly: false,
           form,
           relatedid: "guid",
           colNum: 1,
+          defaultWidth: 358,
           commonRequestWidthParams: () => {
             return new Promise((resolve, reject) => {
             });
@@ -54,7 +56,7 @@ const Demo = () => {
           langId
         }
       ),
-      /* @__PURE__ */ jsx(Form.Item, { name: "submit", style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx(Button, { type: "primary", htmlType: "submit", children: "Submit" }) })
+      /* @__PURE__ */ jsx(Form.Item, { name: "submit", style: { marginLeft: "auto" } })
     ] }) }),
     /* @__PURE__ */ jsxs("div", { children: [
       "2. 测试循环滚动组件",

package/es/mock/index.js

@@ -8,10 +8,10 @@ const attrList = [
     attrid: "30BDE6E7977E40069B55DDE61C8795AE",
     attrname: "Dates",
     attrtype: 0,
-    info: '{"input":"rich-text","dataType":"string","length":500,"must":true}',
+    info: '{"input":"mult-select","dataType":"string","data":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20],"inputType":"local","length":500,"must":true}',
     info_base64: 0,
     createtime: "2026-02-11 15:12:26",
-    attrvalue: "JTNDcCUzRSVFNSU4RSVCQiVFNSU5NSU4QSVFNiU5OCVBRiVFNyU5QSU4NCVFNCVCQyU4MSVFOSVCOSU4NSVFNyU5QSU4NCVFNSVBNyU5NCVFNSVCMSU4OCVFOSVBNSVCRiUzQyUyRnAlM0U=",
+    attrvalue: "",
     serialnum: 1,
     children: []
   }

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

@@ -4,7 +4,8 @@ interface IMyRichTextProps {
     readonly: boolean;
     style: React.CSSProperties;
     value: string;
+    langId?: string;
     onChange: (val: string) => void;
 }
-declare const MyRichText: ({ item, readonly, style, value, onChange }: IMyRichTextProps) => import("react").JSX.Element | null;
+declare const MyRichText: ({ item, readonly, style, value, langId, onChange }: IMyRichTextProps) => import("react").JSX.Element | null;
 export default MyRichText;

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

@@ -10,7 +10,7 @@ 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 MyRichText = ({ item, readonly, style, value, langId, onChange }) => {
   const [color, setColor] = react.useState("#1677ff");
   react.useEffect(() => {
     const styleSheet = document.createElement("style");

package/lib/components/DynamicFormMobile/func.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const dayjs = require("dayjs");
 const antd = require("antd");
+const method = require("../../utils/method");
 const handleGetPlaceholder = (itemWithJson, langId) => {
   const { input = "" } = (itemWithJson == null ? void 0 : itemWithJson.json) || {};
   let placeholderCn = "请输入", placeholderEn = "Please input";
@@ -85,6 +86,9 @@ const handleSetFormItemInitialValue = (itemWithJson) => {
   if (inputType === "time-picker" && !initialValue && ((_g = itemWithJson.json) == null ? void 0 : _g["auto-generate"]) && ((_h = itemWithJson.json) == null ? void 0 : _h["auto-generate-type"]) === "currenttimestamp") {
     initialValue = dayjs().unix().toString();
   }
+  if (inputType === "rich-text" && initialValue) {
+    initialValue = method.base64ToString(initialValue);
+  }
   if (itemWithJson.attrtype === 1) {
     initialValue = handleGetSingleAttrListObj(itemWithJson.children || []);
   }

package/lib/components/DynamicFormMobile/myRichText/enmu.d.ts

@@ -0,0 +1,5 @@
+export declare const fontSizes: {
+    value: string;
+    label: string;
+}[];
+export declare const colors: string[];

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

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const fontSizes = [
+  { 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" },
+  { value: "36px", label: "36px" }
+];
+const colors = [
+  "#000000",
+  "#ffffff",
+  "#333333",
+  "#666666",
+  "#999999",
+  "#cccccc",
+  "#ff0000",
+  "#cc0000",
+  "#ff3333",
+  "#ff6666",
+  "#ff9999",
+  "#ffcccc",
+  "#ff6600",
+  "#cc5200",
+  "#ff8533",
+  "#ffad66",
+  "#ffd4a3",
+  "#ffff00",
+  "#cccc00",
+  "#ffff33",
+  "#ffff66",
+  "#ffff99",
+  "#00cc00",
+  "#009900",
+  "#33ff33",
+  "#66ff66",
+  "#99ff99",
+  "#00cccc",
+  "#009999",
+  "#33ffff",
+  "#66ffff",
+  "#99ffff",
+  "#0066ff",
+  "#004dcc",
+  "#3385ff",
+  "#66a3ff",
+  "#99c1ff",
+  "#9900ff",
+  "#7300cc",
+  "#b333ff",
+  "#cc66ff",
+  "#e0a3ff",
+  "#ff0099",
+  "#cc007a",
+  "#ff33aa",
+  "#ff66bb",
+  "#ff99cc",
+  "#996633",
+  "#734d29",
+  "#b3804d",
+  "#cc9966"
+];
+exports.colors = colors;
+exports.fontSizes = fontSizes;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface IMyRichTextProps {
+    item: any;
+    readonly: boolean;
+    style: React.CSSProperties;
+    value: string;
+    onChange: (val: string) => void;
+    langId?: string;
+}
+declare const MyRichText: ({ item, readonly, style, value, langId, onChange }: IMyRichTextProps) => import("react").JSX.Element | null;
+export default MyRichText;

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;