szld-libs 0.2.98 → 0.2.99

package/es/components/DynamicForm/index.d.ts

@@ -18,6 +18,7 @@ export interface IformConfigItem {
 }
 
 export interface Ijson {
+  'action-url-extra-params'?: { [key: string]: any }; // 弹窗选择对应多个表单字段时，额外的参数
   'disable-date-goover'?: boolean; // 禁用日期选择器超出当前日期
   'default-prompt'?: string; // 提示信息
   'regexp-message'?: string; // 正则表达式提示信息
@@ -91,6 +92,7 @@ export type InputType =
   | 'radio'
   | 'checkbox'
   | 'cascader'
+  | 'mult-field-modal-select' // 弹窗选择对应多个表单字段
   | string;
 
 // 定义文件上传值类型

package/es/components/DynamicForm/selectModel/index.js

@@ -137,7 +137,7 @@ function SelectModel(props) {
     /* @__PURE__ */ jsx(
       Select,
       {
-        placeholder: (item == null ? void 0 : item["message"]) || "请选择",
+        placeholder: (item == null ? void 0 : item["default-prompt"]) || "请选择",
         onClick: openModal,
         value,
         open: false,

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

@@ -0,0 +1,27 @@
+import { FormInstance } from 'antd';
+import React from 'react';
+import { AxiosResponse } from 'axios';
+import { Ijson } from '../index.d';
+interface SelectModelProps {
+    item: Ijson;
+    onSure: (value: {
+        [key: string]: any;
+    }) => 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>;
+    attrid: string;
+    form: FormInstance;
+}
+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<any>;
+export default SelectModel;

package/es/components/DynamicForm/selectModelBackfillFormItem/index.js

@@ -0,0 +1,241 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { Form, App, Select, Table, Modal } from "antd";
+import { useState, useEffect } from "react";
+function SelectModel(props) {
+  const { item, disabled, style, commonRequestWidthParams, CustomModalComponent, attrid, form } = props;
+  const attrValue = Form.useWatch(attrid, form);
+  const { message } = App.useApp();
+  const mode = item.input;
+  const [value, setValue] = useState(props.value);
+  const [modalVisible, setModalVisible] = useState(false);
+  const [selectedRowKeys, setSelectedRowKeys] = useState([]);
+  const [selectedRecords, setSelectedRecords] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [params, setParams] = useState({
+    PageNum: 1,
+    PageSize: 6
+  });
+  const [dataSource, setDataSource] = useState([]);
+  const [total, setTotal] = useState(0);
+  const columns = buildColumns();
+  useEffect(() => {
+    if (!modalVisible) {
+      return;
+    }
+    getData();
+  }, [modalVisible, params]);
+  const onSelectChange = (keys, selectedRows) => {
+    setSelectedRowKeys(keys);
+    setSelectedRecords(selectedRows);
+  };
+  const getData = async () => {
+    var _a;
+    if (item.inputType === "url" && (item == null ? void 0 : 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"],
+            ...params,
+            ...(item == null ? void 0 : item["action-url-extra-params"]) || {}
+          }
+        );
+        if ((response == null ? void 0 : response.ReturnValue) === 0) {
+          message.error(response.msg);
+          setLoading(false);
+          return;
+        }
+        const data = response == null ? void 0 : response.data;
+        const tempData = (_a = data == null ? void 0 : data.list) == null ? void 0 : _a.map((item2, index) => {
+          const _rowKey = (params.PageNum - 1) * params.PageSize + index;
+          return {
+            ...item2,
+            _rowKey
+          };
+        });
+        const tempSelectedRecords = (tempData == null ? void 0 : tempData.filter((item2) => selectedRowKeys.includes(item2._rowKey))) || [];
+        setSelectedRecords(tempSelectedRecords);
+        setDataSource([...tempData || []]);
+        setTotal((data == null ? void 0 : data.number) || 0);
+        setLoading(false);
+      } catch (error) {
+        setLoading(false);
+        message.error(error.msg || "参数错误");
+      }
+      return;
+    }
+    message.error("请配置action-url");
+  };
+  const openModal = () => {
+    var _a, _b;
+    if (disabled) {
+      return;
+    }
+    if (value) {
+      const keyFieldList = ((_a = item == null ? void 0 : item["key-field"]) == null ? void 0 : _a.list) ?? [];
+      const delimiter = ((_b = item == null ? void 0 : item["key-field"]) == null ? void 0 : _b.delimiter) ?? "-";
+      if (!keyFieldList.length) {
+        message.error("请配置key-field");
+        return;
+      }
+      switch (mode) {
+        case "modal-select":
+          const id = value == null ? void 0 : value.split("-");
+          const index = dataSource == null ? void 0 : dataSource.findIndex((item2) => id.includes((item2 == null ? void 0 : item2.typeid) || (item2 == null ? void 0 : item2.instanceid)));
+          setSelectedRowKeys([index]);
+          break;
+        case "modal-mult-select":
+          const values = value == null ? void 0 : value.split(",");
+          const tempKeys = values == null ? void 0 : values.map((item2) => {
+            var _a2;
+            const id2 = (_a2 = item2.split(delimiter)) == null ? void 0 : _a2[0];
+            return dataSource == null ? void 0 : dataSource.findIndex((item3) => id2.includes((item3 == null ? void 0 : item3.typeid) || (item3 == null ? void 0 : item3.instanceid)));
+          });
+          setSelectedRowKeys(tempKeys);
+          break;
+      }
+    }
+    setModalVisible(true);
+  };
+  const handleOk = async () => {
+    try {
+      const value2 = await buildValueFromSelectedRows(selectedRecords, item);
+      setValue((value2 == null ? void 0 : value2[attrid]) || "");
+      props.onSure(value2);
+      setModalVisible(false);
+    } catch (error) {
+      message.error(error.msg || "参数错误");
+    }
+  };
+  const handleCancel = () => {
+    setParams({
+      ...params,
+      PageNum: 1
+    });
+    setModalVisible(false);
+  };
+  function buildColumns() {
+    const modalFieldList = item["modal-field-list"];
+    let columns2 = [];
+    for (let fieldName in modalFieldList) {
+      let title = modalFieldList[fieldName];
+      const column = { dataIndex: fieldName, title };
+      columns2 = [...columns2, column];
+    }
+    return columns2;
+  }
+  const onPageChange = (pageNum) => {
+    setParams({
+      ...params,
+      PageNum: pageNum
+    });
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Select,
+      {
+        placeholder: (item == null ? void 0 : item["default-prompt"]) || "请选择",
+        onClick: openModal,
+        open: false,
+        value: attrValue,
+        disabled,
+        style
+      }
+    ),
+    CustomModalComponent && /* @__PURE__ */ jsx(
+      CustomModalComponent,
+      {
+        title: item["modal-caption"] || "",
+        open: modalVisible,
+        onOk: handleOk,
+        onCancel: handleCancel,
+        modalStyle: { width: item["modal-width"] ?? 600, minHeight: item["modal-height"] ?? 400 },
+        children: /* @__PURE__ */ jsx(
+          Table,
+          {
+            columns,
+            loading,
+            dataSource,
+            rowKey: (record) => record._rowKey,
+            scroll: { y: "calc(80vh - 300px)" },
+            rowSelection: {
+              type: mode === "mul-field-modal-select" ? "radio" : "checkbox",
+              selectedRowKeys,
+              onChange: onSelectChange
+            },
+            pagination: {
+              total,
+              current: params.PageNum,
+              pageSize: params.PageSize,
+              onChange: onPageChange
+            }
+          }
+        )
+      }
+    ) || /* @__PURE__ */ jsx(
+      Modal,
+      {
+        title: item["modal-caption"],
+        open: modalVisible,
+        onOk: handleOk,
+        onCancel: handleCancel,
+        width: item["modal-width"] ?? 600,
+        okButtonProps: { disabled: selectedRowKeys.length === 0 },
+        children: /* @__PURE__ */ jsx(
+          Table,
+          {
+            columns,
+            loading,
+            dataSource,
+            rowKey: (record) => record._rowKey,
+            rowSelection: {
+              type: mode === "mul-field-modal-select" ? "radio" : "checkbox",
+              selectedRowKeys,
+              onChange: onSelectChange
+            },
+            pagination: {
+              total,
+              current: params.PageNum,
+              pageSize: params.PageSize,
+              onChange: onPageChange
+            }
+          }
+        )
+      }
+    )
+  ] });
+}
+function buildValueFromSelectedRows(selectedRows, attributeEnrollFormat) {
+  return new Promise((resolve, reject) => {
+    try {
+      var keyfields = attributeEnrollFormat["key-field"];
+      if (!keyfields) {
+        reject({ msg: "请配置key-field" });
+        return;
+      }
+      let res = {};
+      selectedRows.forEach((item) => {
+        for (let [key, value] of Object.entries(keyfields)) {
+          const list = (value == null ? void 0 : value.list) ?? [];
+          const delimiter = (value == null ? void 0 : value.delimiter) ?? "-";
+          const arr = list.map((v) => {
+            return item == null ? void 0 : item[v];
+          });
+          res[key] = arr.join(delimiter);
+        }
+      });
+      resolve(res);
+    } catch (error) {
+      reject({ msg: "key-field参数配置错误" });
+    }
+  });
+}
+export {
+  buildValueFromSelectedRows,
+  SelectModel as default
+};

package/es/components/DynamicForm/selectModelBackfillFormItem/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/es/components/DynamicForm/useDynamicForm.js

@@ -1,6 +1,8 @@
 import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
+import { MinusSquareOutlined, PlusSquareOutlined, CloseOutlined, InfoCircleOutlined } from "@ant-design/icons";
 import { handleSetFormItemInitialValue, handleGetPlaceholder, disabledDate } from "./func";
 import { handleUrlOptions, getJson, base64ToString } from "../../utils/method";
+import SelectModelBackfillFormItem from "./selectModelBackfillFormItem";
 import { useRef, useEffect, useCallback, Fragment } from "react";
 import isoWeek from "dayjs/plugin/isoWeek";
 import SelectModel from "./selectModel";
@@ -11,7 +13,6 @@ import RadioCard from "./radioCard";
 import MySelect from "./mySelect";
 import MyUpload from "./myUpload";
 import MyRadio from "./myRadio";
-import { MinusSquareOutlined, PlusSquareOutlined, CloseOutlined, InfoCircleOutlined } from "@ant-design/icons";
 import { App, Col, Collapse, Form, Card, Flex, Button, Space, Input, DatePicker, InputNumber, Tooltip } from "antd";
 dayjs.extend(isoWeek);
 function useDynamicForm(props) {
@@ -432,6 +433,7 @@ function useDynamicForm(props) {
   }) => {
     var _a, _b, _c, _d;
     const mode = item.json.input || "text";
+    const attrid = item.attrid;
     const formatValue = handleSetFormItemInitialValue(item);
     const message2 = ((_a = item.json) == null ? void 0 : _a["default-prompt"]) || "";
     const disableDateGoover = ((_b = item.json) == null ? void 0 : _b["disable-date-goover"]) || false;
@@ -533,6 +535,25 @@ function useDynamicForm(props) {
           }
         );
       }
+      case "mul-field-modal-select": {
+        return /* @__PURE__ */ jsx(
+          SelectModelBackfillFormItem,
+          {
+            style: { width: defaultWidth, ...itemStyle == null ? void 0 : itemStyle.style, ...customWidth },
+            item: item.json,
+            form,
+            attrid,
+            value: item.attrvalue || item.json.default || "",
+            commonRequestWidthParams,
+            commonRequest,
+            onSure: async (value) => {
+              form.setFieldsValue(value);
+            },
+            disabled: readonly,
+            CustomModalComponent
+          }
+        );
+      }
       case "date-picker":
       case "time-picker":
       case "week-picker":

package/es/index.js

@@ -29,13 +29,12 @@ const Demo = () => {
           readonly: false,
           relatedid: "",
           colNum: 1,
-          defaultWidth: "100%",
+          defaultWidth: 358,
           commonRequestWidthParams,
           uploadAction: uploadFormAction,
           commonRequest,
           instructionShowMode: "icon",
-          ref: formRef,
-          isMobile: true
+          ref: formRef
         }
       ),
       /* @__PURE__ */ jsx(Form.Item, { children: /* @__PURE__ */ jsx(Button, { type: "primary", htmlType: "submit", children: "提交" }) })

package/es/mock/index.d.ts

@@ -1,306 +1,2 @@
-export declare const baseAttrList: ({
-    xh: number;
-    asid: string;
-    astype: number;
-    tname: string;
-    attrid: string;
-    attrname: string;
-    attrtype: number;
-    info: string;
-    info_base64: number;
-    createtime: string;
-    attrvalue: string;
-    serialnum: number;
-    children: never[];
-    json: {
-        input: string;
-        dataType: string;
-        length: number;
-        'range-picker-save'?: undefined;
-        'disable-date-goover'?: undefined;
-    };
-} | {
-    xh: number;
-    asid: string;
-    astype: number;
-    tname: string;
-    attrid: string;
-    attrname: string;
-    attrtype: number;
-    info: string;
-    info_base64: number;
-    createtime: string;
-    attrvalue: string;
-    serialnum: number;
-    children: never[];
-    json: {
-        input: string;
-        dataType: string;
-        length?: undefined;
-        'range-picker-save'?: undefined;
-        'disable-date-goover'?: undefined;
-    };
-} | {
-    xh: number;
-    asid: string;
-    astype: number;
-    tname: string;
-    attrid: string;
-    attrname: string;
-    attrtype: number;
-    info: string;
-    info_base64: number;
-    createtime: string;
-    attrvalue: string;
-    serialnum: number;
-    children: never[];
-    json: {
-        input: string;
-        'range-picker-save': string;
-        dataType: string;
-        length: number;
-        'disable-date-goover': boolean;
-    };
-})[];
+export declare const baseAttrList: never[];
 export declare const attrList: any;
-export declare const testList: ({
-    xh: number;
-    asid: string;
-    astype: number;
-    tname: string;
-    attrid: string;
-    attrname: string;
-    attrtype: number;
-    info: string;
-    info_base64: number;
-    createtime: string;
-    attrvalue: string;
-    serialnum: number;
-    children: never[];
-    json: {
-        input: string;
-        dataType: string;
-        length: number;
-        'auto-generate': boolean;
-        'auto-generate-type': string;
-        must?: undefined;
-        'upload-accept'?: undefined;
-        'upload-max-count'?: undefined;
-        'upload-size'?: undefined;
-        instruction?: undefined;
-        'instruction-color'?: undefined;
-        default?: undefined;
-        propertiesID?: undefined;
-    };
-} | {
-    xh: number;
-    asid: string;
-    astype: number;
-    tname: string;
-    attrid: string;
-    attrname: string;
-    attrtype: number;
-    info: string;
-    info_base64: number;
-    createtime: string;
-    attrvalue: string;
-    serialnum: number;
-    children: never[];
-    json: {
-        input: string;
-        dataType: string;
-        length: number;
-        must: boolean;
-        'auto-generate'?: undefined;
-        'auto-generate-type'?: undefined;
-        'upload-accept'?: undefined;
-        'upload-max-count'?: undefined;
-        'upload-size'?: undefined;
-        instruction?: undefined;
-        'instruction-color'?: undefined;
-        default?: undefined;
-        propertiesID?: undefined;
-    };
-} | {
-    xh: number;
-    asid: string;
-    astype: number;
-    tname: string;
-    attrid: string;
-    attrname: string;
-    attrtype: number;
-    info: string;
-    info_base64: number;
-    createtime: string;
-    attrvalue: string;
-    serialnum: number;
-    children: never[];
-    json: {
-        input: string;
-        dataType: string;
-        length: number;
-        'auto-generate'?: undefined;
-        'auto-generate-type'?: undefined;
-        must?: undefined;
-        'upload-accept'?: undefined;
-        'upload-max-count'?: undefined;
-        'upload-size'?: undefined;
-        instruction?: undefined;
-        'instruction-color'?: undefined;
-        default?: undefined;
-        propertiesID?: undefined;
-    };
-} | {
-    xh: number;
-    asid: string;
-    astype: number;
-    tname: string;
-    attrid: string;
-    attrname: string;
-    attrtype: number;
-    info: string;
-    info_base64: number;
-    createtime: string;
-    attrvalue: string;
-    serialnum: number;
-    children: never[];
-    json: {
-        input: string;
-        'upload-accept': string;
-        'upload-max-count': string;
-        'upload-size': string;
-        dataType: string;
-        length: number;
-        instruction: string;
-        'instruction-color': string;
-        'auto-generate'?: undefined;
-        'auto-generate-type'?: undefined;
-        must?: undefined;
-        default?: undefined;
-        propertiesID?: undefined;
-    };
-} | {
-    xh: number;
-    asid: string;
-    astype: number;
-    tname: string;
-    attrid: string;
-    attrname: string;
-    attrtype: number;
-    info: string;
-    info_base64: number;
-    createtime: string;
-    attrvalue: string;
-    serialnum: number;
-    children: never[];
-    json: {
-        input: string;
-        dataType: string;
-        default: string;
-        length?: undefined;
-        'auto-generate'?: undefined;
-        'auto-generate-type'?: undefined;
-        must?: undefined;
-        'upload-accept'?: undefined;
-        'upload-max-count'?: undefined;
-        'upload-size'?: undefined;
-        instruction?: undefined;
-        'instruction-color'?: undefined;
-        propertiesID?: undefined;
-    };
-} | {
-    xh: number;
-    asid: string;
-    astype: number;
-    tname: string;
-    attrid: string;
-    attrname: string;
-    attrtype: number;
-    info: string;
-    info_base64: number;
-    createtime: string;
-    attrvalue: string;
-    serialnum: number;
-    children: ({
-        xh: number;
-        asid: string;
-        astype: number;
-        tname: string;
-        attrid: string;
-        attrname: string;
-        attrtype: number;
-        info: string;
-        info_base64: number;
-        createtime: string;
-        attrvalue: string;
-        serialnum: number;
-        children: never[];
-        json: {
-            input: string;
-            dataType: string;
-            length: number;
-            'auto-generate': boolean;
-            'auto-generate-type': string;
-            must?: undefined;
-        };
-    } | {
-        xh: number;
-        asid: string;
-        astype: number;
-        tname: string;
-        attrid: string;
-        attrname: string;
-        attrtype: number;
-        info: string;
-        info_base64: number;
-        createtime: string;
-        attrvalue: string;
-        serialnum: number;
-        children: never[];
-        json: {
-            input: string;
-            dataType: string;
-            length: number;
-            must: boolean;
-            'auto-generate'?: undefined;
-            'auto-generate-type'?: undefined;
-        };
-    } | {
-        xh: number;
-        asid: string;
-        astype: number;
-        tname: string;
-        attrid: string;
-        attrname: string;
-        attrtype: number;
-        info: string;
-        info_base64: number;
-        createtime: string;
-        attrvalue: string;
-        serialnum: number;
-        children: never[];
-        json: {
-            input: string;
-            dataType: string;
-            length: number;
-            'auto-generate'?: undefined;
-            'auto-generate-type'?: undefined;
-            must?: undefined;
-        };
-    })[][];
-    json: {
-        propertiesID: string;
-        input?: undefined;
-        dataType?: undefined;
-        length?: undefined;
-        'auto-generate'?: undefined;
-        'auto-generate-type'?: undefined;
-        must?: undefined;
-        'upload-accept'?: undefined;
-        'upload-max-count'?: undefined;
-        'upload-size'?: undefined;
-        instruction?: undefined;
-        'instruction-color'?: undefined;
-        default?: undefined;
-    };
-})[];