szld-libs 0.2.98 → 0.3.1

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

@@ -0,0 +1,146 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const reactVant = require("react-vant");
+const func = require("../func");
+const react = require("react");
+const antd = require("antd");
+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 styles = {
+  "checkbox-group": "index-module_checkbox-group_4684b",
+  checkboxGroup,
+  "checkbox-group-header": "index-module_checkbox-group-header_192bd",
+  checkboxGroupHeader,
+  "checkbox-group-content": "index-module_checkbox-group-content_f81a1",
+  checkboxGroupContent,
+  "checkbox-item": "index-module_checkbox-item_1b36c",
+  checkboxItem,
+  "checkbox-group-cancel": "index-module_checkbox-group-cancel_c5cfb",
+  checkboxGroupCancel
+};
+const MySelect = ({
+  item,
+  readonly,
+  style,
+  commonRequestWidthParams,
+  commonRequest,
+  value,
+  onChange,
+  interfaceTypeDict,
+  interfaceTypeSysDict,
+  actionUrlKey,
+  actionUrlExtraParams
+}) => {
+  const [options, setOptions] = react.useState([]);
+  react.useEffect(() => {
+    if (item.input === "mult-select" && value && Array.isArray(value)) {
+      setSelectedValues(value || []);
+      setConfirmValues(value || []);
+    }
+  }, [value]);
+  react.useEffect(() => {
+    handleLoadOptions();
+  }, [item.inputType, item.classify, item.data, item.options]);
+  const handleLoadOptions = async () => {
+    const list = await func.handleSelectOptions({
+      commonRequestWidthParams,
+      commonRequest,
+      interfaceTypeDict,
+      interfaceTypeSysDict,
+      actionUrlKey,
+      actionUrlExtraParams,
+      item
+    });
+    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: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactVant.Field,
+      {
+        style: { padding: 0 },
+        isLink: true,
+        readOnly: true,
+        value: (confirmValues == null ? void 0 : confirmValues.length) ? confirmValues == null ? void 0 : confirmValues.join(",") : "",
+        onClick: () => {
+          if (readonly)
+            return;
+          setSelectedValues([...confirmValues]);
+          setShowPopup(true);
+        },
+        placeholder: (item == null ? void 0 : item["default-prompt"]) || "请选择"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactVant.Popup,
+      {
+        visible: showPopup,
+        round: true,
+        position: "bottom",
+        style: { height: "60vh" },
+        onClose: () => setShowPopup(false),
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles["checkbox-group"], children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "space-between", className: styles["checkbox-group-header"], children: [
+            /* @__PURE__ */ jsxRuntime.jsx("a", { className: styles["checkbox-group-cancel"], onClick: () => setShowPopup(false), children: "取消" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "a",
+              {
+                onClick: () => {
+                  setShowPopup(false);
+                  setConfirmValues([...selectedValues]);
+                  onChange((selectedValues == null ? void 0 : selectedValues.length) ? selectedValues == null ? void 0 : selectedValues.join(",") : "");
+                },
+                children: "确定"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              style: {
+                height: " calc(60vh - 70px)"
+              },
+              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)) })
+            }
+          )
+        ] })
+      }
+    )
+  ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+    reactVant.Picker,
+    {
+      popup: true,
+      columns: options,
+      placeholder: "",
+      columnsFieldNames: {
+        text: "value"
+      },
+      onConfirm: onChange,
+      children: (val, _, actions) => {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          reactVant.Field,
+          {
+            style: { padding: 0, ...style },
+            isLink: true,
+            readOnly: true,
+            clickable: true,
+            placeholder: (item == null ? void 0 : item["default-prompt"]) || "请选择",
+            value: Array.isArray(val) ? val.join(",") : val || value,
+            onClick: () => {
+              if (readonly)
+                return;
+              actions.open();
+            }
+          }
+        );
+      }
+    }
+  ) });
+};
+module.exports = MySelect;

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

@@ -0,0 +1,3 @@
+.myUpload-module_customUpload_5ec38 a {
+  color: #252525 !important;
+}

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

@@ -0,0 +1,16 @@
+import { UploadFile } from 'antd/es/upload/interface';
+import { Ijson } from '../index.d';
+interface IMYUpload {
+    action?: string;
+    onChange?: (checkedValue: any[]) => void;
+    onRemove?: (file: UploadFile) => void;
+    item: Ijson;
+    relatedid?: string;
+    readonly?: boolean;
+    list?: UploadFile[];
+    uploadText?: string;
+    uploadType?: string;
+    relatedidKey: string;
+}
+declare const MyUpload: (props: IMYUpload) => import("react/jsx-runtime").JSX.Element;
+export default MyUpload;

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

@@ -0,0 +1,102 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const icons = require("@ant-design/icons");
+const antd = require("antd");
+const react = require("react");
+const customUpload = "myUpload-module_customUpload_5ec38";
+const styles = {
+  customUpload
+};
+const getBase64 = (file) => new Promise((resolve, reject) => {
+  const reader = new FileReader();
+  reader.readAsDataURL(file);
+  reader.onload = () => resolve(reader.result);
+  reader.onerror = (error) => reject(error);
+});
+const MyUpload = (props) => {
+  const {
+    action,
+    item,
+    onChange,
+    readonly = false,
+    relatedid,
+    uploadText = "上传文件",
+    onRemove,
+    list = [],
+    uploadType,
+    relatedidKey
+  } = props;
+  const { message } = antd.App.useApp();
+  const accept = (item == null ? void 0 : item["upload-accept"]) || "*";
+  const input = item == null ? void 0 : item["input"];
+  const size = item == null ? void 0 : item["upload-size"];
+  const maxCount = (item == null ? void 0 : item["upload-max-count"]) || 1;
+  const [listType, setListType] = react.useState(input === "image" ? "picture-card" : "text");
+  const [fileList, setFileList] = react.useState([]);
+  const [previewOpen, setPreviewOpen] = react.useState(false);
+  const [previewImage, setPreviewImage] = react.useState("");
+  react.useEffect(() => {
+    if (list && list.length) {
+      setFileList(list);
+    }
+  }, [list]);
+  const handlePreview = async (file) => {
+    if (uploadType !== "image")
+      return;
+    if (!file.url && !file.preview) {
+      file.preview = await getBase64(file.originFileObj);
+    }
+    setPreviewImage(file.url || file.preview);
+    setPreviewOpen(true);
+  };
+  const handleChange = ({ fileList: newFileList }) => {
+    setFileList(newFileList);
+    onChange && onChange(newFileList);
+  };
+  const handleBeforeUpload = (file) => {
+    if (!size)
+      return true;
+    const isLt = file.size / 1024 / 1024 < Number(size);
+    if (!isLt) {
+      message.error(`请上传不超过${size}MB的文件`);
+    }
+    return isLt;
+  };
+  const uploadButton = input === "image" ? /* @__PURE__ */ jsxRuntime.jsxs("button", { style: { border: 0, background: "none" }, type: "button", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(icons.PlusOutlined, {}),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 8 }, children: "Upload" })
+  ] }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.UploadOutlined, {}), children: uploadText }) });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      antd.Upload,
+      {
+        action,
+        beforeUpload: handleBeforeUpload,
+        listType,
+        accept,
+        fileList,
+        onPreview: handlePreview,
+        data: { [relatedidKey]: relatedid },
+        maxCount,
+        onChange: handleChange,
+        onRemove,
+        disabled: readonly,
+        className: styles.customUpload,
+        children: fileList.length >= maxCount ? null : uploadButton
+      }
+    ),
+    previewImage && /* @__PURE__ */ jsxRuntime.jsx(
+      antd.Image,
+      {
+        wrapperStyle: { display: "none" },
+        preview: {
+          visible: previewOpen,
+          onVisibleChange: (visible) => setPreviewOpen(visible),
+          afterOpenChange: (visible) => !visible && setPreviewImage("")
+        },
+        src: previewImage
+      }
+    )
+  ] });
+};
+module.exports = MyUpload;

package/lib/components/DynamicFormMobile/myUpload/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/radioCard/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { AxiosResponse } from 'axios';
+interface RadioCardProps {
+    item: any;
+    readonly?: boolean;
+    value?: string;
+    onChange?: (value: any) => void;
+    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;
+export default RadioCard;

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

@@ -0,0 +1,141 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const icons = require("@ant-design/icons");
+const react = require("react");
+const antd = require("antd");
+const RadioCard = ({ item, readonly, value, onChange, style, commonRequestWidthParams }) => {
+  const [cardData, setCardData] = react.useState([]);
+  const [loading, setLoading] = react.useState(false);
+  react.useEffect(() => {
+    const loadCardData = async () => {
+      var _a;
+      if (item.inputType === "url" && item["action-url"]) {
+        setLoading(true);
+        try {
+          const response = await commonRequestWidthParams(
+            {
+              PageName: "dns_relay",
+              Controlname: "CallActionUrl",
+              InterfaceType: ""
+            },
+            {
+              "action-url": item == null ? void 0 : item["action-url"]
+            }
+          );
+          if (((_a = response == null ? void 0 : response.data) == null ? void 0 : _a.list) && Array.isArray(response.data.list)) {
+            setCardData(response.data.list);
+          } else if ((response == null ? void 0 : response.data) && Array.isArray(response.data)) {
+            setCardData(response.data);
+          } else if (Array.isArray(response == null ? void 0 : response.list)) {
+            setCardData(response.list);
+          } else if ((response == null ? void 0 : response.ReturnValue) === 1 && (response == null ? void 0 : response.data)) {
+            if (Array.isArray(response.data)) {
+              setCardData(response.data);
+            } else {
+              setCardData([response.data]);
+            }
+          }
+        } catch (error) {
+        } finally {
+          setLoading(false);
+        }
+      } else if (item.data && Array.isArray(item.data)) {
+        setCardData(item.data);
+      }
+    };
+    loadCardData();
+  }, [item.inputType, item["action-url"], item.data]);
+  const buildValue = (record) => {
+    return JSON.stringify(record);
+  };
+  const isSelected = (record) => {
+    const recordValue = buildValue(record);
+    return value === recordValue;
+  };
+  const handleCardClick = (record) => {
+    if (readonly)
+      return;
+    const recordValue = buildValue(record);
+    onChange && onChange(recordValue);
+  };
+  const imageWidth = item["card-image-width"] || 200;
+  const imageHeight = item["card-image-height"] || 100;
+  const imageField = item["card-image-field"];
+  const infoField = item["card-info-field"];
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { ...style }, children: loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { textAlign: "center", padding: "20px" }, children: "加载中..." }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: "0px" }, children: cardData.map((record, index) => {
+    const selected = isSelected(record);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        onClick: () => handleCardClick(record),
+        style: {
+          flex: "1 1 auto",
+          width: `${imageWidth}px`,
+          padding: "12px",
+          cursor: readonly ? "not-allowed" : "pointer",
+          opacity: readonly ? 0.6 : 1,
+          transition: "all 0.3s"
+        },
+        children: [
+          record[imageField] && /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: record.picurl,
+              alt: record[infoField] || "",
+              style: {
+                width: `${imageWidth}px`,
+                height: `${imageHeight}px`,
+                objectFit: "cover",
+                borderRadius: "4px",
+                marginBottom: "8px"
+              },
+              onError: (e) => {
+                e.currentTarget.style.display = "none";
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              style: {
+                fontSize: "14px",
+                color: "#333333"
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { size: 6, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    style: {
+                      width: "16px",
+                      height: "16px",
+                      borderRadius: "50%",
+                      border: selected ? "none" : "1px solid #d9d9d9",
+                      backgroundColor: selected ? "var(--color-primary)" : "transparent",
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      flexShrink: 0,
+                      cursor: readonly ? "not-allowed" : "pointer"
+                    },
+                    children: selected && /* @__PURE__ */ jsxRuntime.jsx(
+                      icons.CheckOutlined,
+                      {
+                        style: {
+                          fontSize: "12px",
+                          color: "#fff"
+                        }
+                      }
+                    )
+                  }
+                ),
+                record[infoField] || ""
+              ] })
+            }
+          )
+        ]
+      },
+      index
+    );
+  }) }) });
+};
+module.exports = RadioCard;

package/lib/components/DynamicFormMobile/radioCard/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/selectModel/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { AxiosResponse } from 'axios';
+import { Ijson } from '../index.d';
+interface SelectModelProps {
+    item: Ijson;
+    onSure: (value: string) => void;
+    value: string;
+    disabled: boolean;
+    style?: React.CSSProperties;
+    commonRequestWidthParams: (params: object, data?: any) => Promise<AxiosResponse<any, any>>;
+    commonRequest: (InterfaceType: string, data?: any) => Promise<AxiosResponse<any, any>>;
+    CustomModalComponent?: React.FC<ICustomModal>;
+}
+declare function SelectModel(props: SelectModelProps): import("react/jsx-runtime").JSX.Element;
+/**
+ *
+ * @param selectedRows 选中的行数据
+ * @param attributeEnrollFormat 配置信息
+ * @returns 构建后的字符串
+ */
+export declare function buildValueFromSelectedRows(selectedRows: any[], attributeEnrollFormat: Ijson): Promise<string>;
+export default SelectModel;