szld-libs 0.4.47 → 0.4.50

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

@@ -1,14 +1,16 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { handleGetList, handleGetControlPanelConfig } from "../../../utils/szxkFunc";
 import { handleSelectOptions, findRowByValue } from "../../DynamicForm/func";
 import { Toast, Field, Popup, Checkbox, Picker } from "react-vant";
 import { useState, useEffect } from "react";
 import { Flex } from "antd";
-import { handleGetList, handleGetControlPanelConfig } from "../../../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,
@@ -19,10 +21,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,
@@ -37,29 +42,34 @@ const MySelect = ({
   getTitle,
   attrid
 }) => {
+  var _a;
   const [options, setOptions] = useState([]);
   const [instanceList, setInstanceList] = useState([]);
+  const [isAllChecked, setIsAllChecked] = useState(false);
+  const [showPopup, setShowPopup] = useState(false);
+  const [selectedValues, setSelectedValues] = useState([]);
+  const [confirmValues, setConfirmValues] = useState([]);
   useEffect(() => {
-    if (item.input === "mult-select" && value && Array.isArray(value)) {
+    if (item2.input === "mult-select" && value && Array.isArray(value)) {
       setSelectedValues(value || []);
       setConfirmValues(value || []);
     }
   }, [value]);
   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) {
         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 handleGetList(params, commonRequestWidthParams);
-      const controlPanelConfig = await handleGetControlPanelConfig(item == null ? void 0 : item["instance-source-number"], commonRequest);
+      const controlPanelConfig = await 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"]) || [];
@@ -88,14 +98,11 @@ const MySelect = ({
       interfaceTypeSysDict,
       actionUrlKey,
       actionUrlExtraParams,
-      item
+      item: item2
     });
     setOptions(list);
   };
-  const [showPopup, setShowPopup] = useState(false);
-  const [selectedValues, setSelectedValues] = useState([]);
-  const [confirmValues, setConfirmValues] = useState([]);
-  return /* @__PURE__ */ jsx(Fragment, { children: item.input === "mult-select" ? /* @__PURE__ */ jsxs("div", { style: { width: "100%", ...style }, children: [
+  return /* @__PURE__ */ jsx(Fragment, { children: item2.input === "mult-select" ? /* @__PURE__ */ jsxs("div", { style: { width: "100%", ...style }, children: [
     /* @__PURE__ */ jsx(
       Field,
       {
@@ -109,7 +116,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__ */ jsx(
@@ -135,14 +142,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__ */ jsx("div", { className: styles["checkbox-group-check-all"], children: /* @__PURE__ */ jsx(
+            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__ */ jsx(
             "div",
             {
               style: {
-                height: " calc(60vh - 70px)"
+                height: " calc(60vh - 126px)"
               },
               className: styles["checkbox-group-content"],
-              children: /* @__PURE__ */ jsx(Checkbox.Group, { iconSize: "18", onChange: (v) => setSelectedValues(v), value: selectedValues, children: options.map((item2) => /* @__PURE__ */ jsx(Checkbox, { shape: "square", className: styles["checkbox-item"], name: item2.value, children: item2.label }, item2.value)) })
+              children: /* @__PURE__ */ jsx(
+                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__ */ jsx(Checkbox, { shape: "square", className: styles["checkbox-item"], name: item22.value, children: item22.label }, item22.value))
+                }
+              )
             }
           )
         ] })
@@ -158,8 +189,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 = findRowByValue(instanceList, String(val));
           const keys = Object.keys(keyField || {});
           const newObj = keys == null ? void 0 : keys.reduce((prev, cur) => {
@@ -174,16 +205,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__ */ jsx(
           Field,
           {
@@ -191,7 +222,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/es/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/es/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/es/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/es/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/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/index.d.ts

@@ -18,6 +18,7 @@ export interface IformConfigItem {
 }
 
 export interface Ijson {
+  'operation-types'?: string[]; // 自定义按钮类型列表
   'custom-operation'?: boolean; // 是否自定义按钮
   extraDescObj?: Record<string, any>;
   hidden?: boolean; // 是否隐藏属性

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/DynamicForm/mySelect/index.js

@@ -122,27 +122,30 @@ const MySelect = ({
         }
         handleChange(val);
       },
-      popupRender: (menu) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        menu,
-        (item == null ? void 0 : item["custom-operation"]) && item.input === "mult-select" && /* @__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"
-              }
-            )
+      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/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;