szld-libs 0.2.99 → 0.3.2

package/es/components/DynamicForm/index.js

@@ -29,7 +29,8 @@ const DynamicForm = forwardRef((props, ref) => {
     hideAttrList = [],
     formShowType = "form",
     headerWidth,
-    formListItemWidth
+    formListItemWidth,
+    formListItemName
   } = props;
   const delFileListRef = useRef([]);
   const updateDelFileList = (file) => {
@@ -57,7 +58,7 @@ const DynamicForm = forwardRef((props, ref) => {
       return delFileListRef.current;
     }
   }));
-  return /* @__PURE__ */ jsx(Fragment, { children: formShowType === "table" ? /* @__PURE__ */ jsx(Form.List, { name: "customFormList", initialValue: [{}], children: (fields, { add, remove }) => /* @__PURE__ */ jsxs("div", { className: "custom-form-list", children: [
+  return /* @__PURE__ */ jsx(Fragment, { children: formShowType === "table" ? /* @__PURE__ */ jsx(Form.List, { name: formListItemName || "customFormList", initialValue: [{}], children: (fields, { add, remove }) => /* @__PURE__ */ jsxs("div", { className: "custom-form-list", children: [
     /* @__PURE__ */ jsxs(Flex, { align: "center", children: [
       /* @__PURE__ */ jsx(Flex, { className: "custom-form-list-header", align: "center", children: formConfig == null ? void 0 : formConfig.map((child, index) => {
         return /* @__PURE__ */ jsxs(Flex, { style: { width: (headerWidth == null ? void 0 : headerWidth[index]) || defaultWidth }, align: "center", children: [

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

@@ -72,21 +72,22 @@ function SelectModel(props) {
     message.error("请配置action-url");
   };
   const openModal = () => {
-    var _a, _b;
+    var _a;
     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) {
+      const keyField = item == null ? void 0 : item["key-field"];
+      const el = keyField == null ? void 0 : keyField[attrid];
+      const { delimiter = "-", list = [] } = el || {};
+      if (!keyField) {
         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)));
+        case "mul-field-modal-select":
+          const id = (_a = value == null ? void 0 : value.split(delimiter)) == null ? void 0 : _a[0];
+          const index = dataSource == null ? void 0 : dataSource.findIndex((item2) => Object.values(item2).includes(id));
           setSelectedRowKeys([index]);
           break;
         case "modal-mult-select":

package/es/components/DynamicFormMobile/func.d.ts

@@ -0,0 +1,35 @@
+import { IformConfigItem, Ijson } from './index.d';
+import { RangePickerProps } from 'antd/es/date-picker';
+import { AxiosResponse } from 'axios';
+export declare const handleGetPlaceholder: (itemWithJson: IformConfigItem) => string;
+/**
+ * 处理表单项目初始值
+ * 根据输入类型转换初始值为组件所需格式
+ */
+export declare const handleSetFormItemInitialValue: (itemWithJson: IformConfigItem) => any;
+export declare const disabledDate: RangePickerProps['disabledDate'];
+/**
+ * 处理URL选项
+ * 将URL中的指定字段拼接为字符串
+ */
+export declare const handleUrlOptions: (val: any, delimiter: string, list: any[]) => string;
+/**
+ * 根据配置处理成下拉数据
+ * @param param0
+ * @returns
+ */
+export declare const handleSelectOptions: ({ commonRequestWidthParams, commonRequest, interfaceTypeDict, interfaceTypeSysDict, actionUrlKey, actionUrlExtraParams, item, }: {
+    commonRequestWidthParams: (params: object, data?: any) => Promise<AxiosResponse<any, any>>;
+    commonRequest: (InterfaceType: string, data?: any) => Promise<AxiosResponse<any, any>>;
+    interfaceTypeDict?: string | undefined;
+    interfaceTypeSysDict?: string | undefined;
+    actionUrlKey?: string | undefined;
+    actionUrlExtraParams?: object | undefined;
+    item: Ijson;
+}) => Promise<any[]>;
+/**
+ * attrList 格式的单层数组 处理成对象{attrid:attrname}
+ */
+export declare const handleGetSingleAttrListObj: (children: any[]) => {
+    [key: string]: any;
+}[];

package/es/components/DynamicFormMobile/func.js

@@ -0,0 +1,204 @@
+import dayjs from "dayjs";
+import { message } from "antd";
+const handleGetPlaceholder = (itemWithJson) => {
+  const { input = "" } = itemWithJson.json || {};
+  let placeholder = "请输入";
+  if ([
+    "radio",
+    "checkbox",
+    "select",
+    "mult-select",
+    "modal-select",
+    "date-picker",
+    "range-picker",
+    "multiple-date-picker",
+    "time-picker",
+    "week-picker",
+    "month-picker",
+    "quarter-picker",
+    "year-picker",
+    "second-picker"
+  ].includes(input)) {
+    placeholder = "请选择";
+  }
+  if (["image", "file", "video", "audio"].includes(input)) {
+    placeholder = "请上传";
+  }
+  return placeholder;
+};
+const handleSetFormItemInitialValue = (itemWithJson) => {
+  var _a, _b, _c, _d;
+  const inputType = (_a = itemWithJson.json) == null ? void 0 : _a.input;
+  let initialValue = itemWithJson.attrvalue || ((_b = itemWithJson.json) == null ? void 0 : _b.default) || "";
+  if (inputType === "label" && initialValue) {
+    initialValue = ((_c = itemWithJson.json) == null ? void 0 : _c["label-value"]) ?? initialValue ?? "-";
+  }
+  if (inputType === "range-picker" && initialValue) {
+    try {
+      initialValue = initialValue == null ? void 0 : initialValue.split("~");
+      initialValue = initialValue.map((v) => v);
+    } catch (error) {
+      initialValue = void 0;
+    }
+  }
+  if (inputType === "multiple-date-picker" && initialValue) {
+    try {
+      initialValue = initialValue == null ? void 0 : initialValue.split(",");
+      initialValue = initialValue.map((v) => dayjs());
+    } catch (error) {
+      initialValue = void 0;
+    }
+  }
+  if (inputType === "cascader" && initialValue && typeof initialValue === "string") {
+    const delimiter = (_d = itemWithJson.json) == null ? void 0 : _d["cascader-delimiter"];
+    if (delimiter) {
+      initialValue = initialValue.split(delimiter).filter(Boolean);
+    }
+  }
+  if (["mult-select", "checkbox"].includes(inputType) && initialValue && typeof initialValue === "string") {
+    initialValue = initialValue.split(",").filter(Boolean);
+  }
+  if (["image", "video", "audio", "file"].includes(inputType) && initialValue) {
+    try {
+      const fileList = Array.isArray(initialValue) ? initialValue : JSON.parse(initialValue);
+      initialValue = fileList.map((file) => ({
+        ...file,
+        url: file.FilePath,
+        name: file.FileName,
+        uid: file.FileId
+      }));
+    } catch (error) {
+      initialValue = [];
+    }
+  }
+  if (itemWithJson.attrtype === 1) {
+    initialValue = handleGetSingleAttrListObj(itemWithJson.children || []);
+  }
+  return initialValue || void 0;
+};
+const disabledDate = (current) => {
+  return current && current < dayjs().startOf("day");
+};
+const handleUrlOptions = (val, delimiter, list) => {
+  let arr = [];
+  list.forEach((item) => {
+    arr.push(val == null ? void 0 : val[item]);
+  });
+  return arr.join(delimiter || "-");
+};
+const handleSelectOptions = async ({
+  commonRequestWidthParams,
+  commonRequest,
+  interfaceTypeDict = "YLZDDictList",
+  interfaceTypeSysDict = "YLZDSysConfigList",
+  actionUrlKey = "action-url",
+  actionUrlExtraParams = {},
+  item
+}) => {
+  var _a;
+  let options = [];
+  const getDict = async (interfaceType) => {
+    var _a2;
+    let list = [];
+    if (item.classify) {
+      try {
+        const response = await commonRequest(interfaceType, {
+          asctypeid: item.classify
+        });
+        if (((_a2 = response == null ? void 0 : response.data) == null ? void 0 : _a2.list) && Array.isArray(response.data.list)) {
+          list = response.data.list.map((dictItem) => ({
+            label: `${dictItem.dicid || ""}-${dictItem.info || ""}`,
+            value: `${dictItem.dicid || ""}-${dictItem.info || ""}`
+          }));
+        }
+      } catch (error) {
+        message.error("加载选项失败");
+      }
+    }
+    return list;
+  };
+  const getUrlOptions = async () => {
+    var _a2, _b;
+    try {
+      const keyFieldList = ((_a2 = item == null ? void 0 : item["key-field"]) == null ? void 0 : _a2.list) || [];
+      const delimiter = ((_b = item == null ? void 0 : item["key-field"]) == null ? void 0 : _b.delimiter) || "";
+      if (!keyFieldList.length) {
+        message.error("请配置key-field");
+        return;
+      }
+      const response = await commonRequestWidthParams(
+        {
+          PageName: "dns_relay",
+          Controlname: "CallActionUrl",
+          InterfaceType: ""
+        },
+        {
+          [actionUrlKey]: item == null ? void 0 : item["action-url"],
+          ...actionUrlExtraParams
+        }
+      );
+      if (response == null ? void 0 : response.data) {
+        const data = response == null ? void 0 : response.data;
+        const list = (data == null ? void 0 : data.list) || [];
+        let urlData = [];
+        if (Array.isArray(data)) {
+          urlData = data;
+        }
+        if (Array.isArray(list)) {
+          urlData = list;
+        }
+        options = urlData.map((val) => ({
+          label: handleUrlOptions(val, delimiter, keyFieldList),
+          value: handleUrlOptions(val, delimiter, keyFieldList)
+        }));
+      }
+    } catch (error) {
+      message.error("加载选项失败");
+    }
+  };
+  if (item.inputType === "local") {
+    options = ((_a = item.data) == null ? void 0 : _a.map((val) => ({
+      label: val,
+      value: val
+    }))) || [];
+    if (item.options && Array.isArray(item.options)) {
+      options = item.options;
+    }
+  } else if (item.inputType === "dictionary") {
+    options = await getDict(interfaceTypeDict);
+  } else if (item.inputType === "system-dictionary") {
+    options = await getDict(interfaceTypeSysDict);
+  }
+  if (item.inputType === "url" && (item == null ? void 0 : item["action-url"])) {
+    await getUrlOptions();
+  }
+  return options;
+};
+const handleGetSingleAttrListObj = (children) => {
+  if (!(children == null ? void 0 : children.length)) {
+    return [];
+  }
+  const dealList = (children2) => children2 == null ? void 0 : children2.map((v) => {
+    const obj = {};
+    if (Array.isArray(v)) {
+      v.forEach((x) => {
+        var _a;
+        if ((_a = x == null ? void 0 : x.children) == null ? void 0 : _a.length) {
+          obj[x.attrid] = dealList(x.children);
+        } else {
+          obj[x.attrid] = x.attrvalue;
+        }
+      });
+    }
+    return obj;
+  });
+  return dealList(children);
+};
+export {
+  disabledDate,
+  handleGetPlaceholder,
+  handleGetSingleAttrListObj,
+  handleSelectOptions,
+  handleSetFormItemInitialValue,
+  handleUrlOptions
+};

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

@@ -0,0 +1,116 @@
+import dayjs from 'dayjs';
+
+export interface IformConfigItem {
+  xh: number;
+  asid: string;
+  astype: number;
+  tname: string;
+  attrid: string;
+  attrname: string;
+  attrtype: number;
+  info: string;
+  info_base64: number;
+  createtime: string;
+  attrvalue: any;
+  serialnum: number;
+  children: any[];
+  json: Ijson;
+}
+
+export interface Ijson {
+  'action-url-extra-params'?: { [key: string]: any }; // 弹窗选择对应多个表单字段时，额外的参数
+  'disable-date-goover'?: boolean; // 禁用日期选择器超出当前日期
+  'default-prompt'?: string; // 提示信息
+  'regexp-message'?: string; // 正则表达式提示信息
+  regexp: any; // 正则表达式
+  'properties-width'?: number; // 属性集表单宽度
+  'properties-multiple'?: boolean; // 是否支持可增减的表单列表
+  propertiesID: string;
+  'combination-name'?: string; // 组合表单名称
+  combinations: any; // 组合表单配置
+  input: InputType;
+  length?: number;
+  'label-value'?: string; //代表属性固定取值，并且不可在实例化时修改
+  hide: true;
+  'upload-accept'?: string;
+  'upload-max-count'?: number;
+  'upload-size'?: number;
+  //代表弹窗标题
+  'modal-caption'?: string;
+  //代表弹窗宽度
+  'modal-width'?: number;
+  //代表弹窗高度
+  'modal-height'?: number;
+  //代表弹窗列表表头内容
+  'modal-field-list'?: { [key: string]: string }; // 键值对，键为属性名，值为属性显示的列表表头内容
+  inputType?: 'local' | 'dictionary' | 'url' | 'system-dictionary';
+  data?: string[];
+  //代表调用【字典管理系统】的值
+  classify?: number | string | undefined;
+  //代表调用字典对应的归类名 ID
+  //代表从"action-url"从获取选择的数据
+  'action-url'?: string;
+  //代表执行一个动作的 UCE 的 url
+  'key-field'?: { list: string[]; delimiter: string };
+  default?: string | number | boolean | null | undefined | dayjs.Dayjs;
+  //代表属性默认值，如果没配置或空着，则代表没有默认值
+  instruction?: '';
+  //代表在实例化时对属性的填写说明，会作为提示语显示在属性名称旁
+  'instruction-color'?: '#000000';
+  //代表在实例化时对属性的填写说明，字体颜色的配置，如果不配置默认#333333
+  must?: true;
+  //代表属性值是否必填，true 为必填、false 为非必填，如果没配置则默认为 false
+  'cascader-delimiter'?: string;
+  options?: { label: string; value: string | number }[];
+  format?: string;
+}
+
+// 定义支持的输入类型枚举
+export type InputType =
+  | 'text'
+  | 'password'
+  | 'textarea'
+  | 'number'
+  | 'select'
+  | 'mult-select'
+  | 'modal-select'
+  | 'modal-mult-select'
+  | 'date-picker'
+  | 'time-picker'
+  | 'week-picker'
+  | 'month-picker'
+  | 'quarter-picker'
+  | 'range-picker'
+  | 'multiple-date-picker'
+  | 'year-picker'
+  | 'second-picker'
+  | 'image'
+  | 'file'
+  | 'video'
+  | 'audio'
+  | 'label'
+  | 'radio'
+  | 'checkbox'
+  | 'cascader'
+  | 'mult-field-modal-select' // 弹窗选择对应多个表单字段
+  | string;
+
+// 定义文件上传值类型
+export interface CustomUploadFile {
+  FilePath: string;
+  FileName: string;
+  FileId: string;
+  url?: string;
+  name?: string;
+  uid?: string;
+}
+
+export interface IformItemStyle {
+  type: InputType;
+  style?: React.CSSProperties;
+}
+
+export interface Iselect {
+  label: string;
+  value: string | number;
+}

package/es/components/DynamicFormMobile/index.js

@@ -0,0 +1,134 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { forwardRef, useRef, useImperativeHandle, Fragment as Fragment$1 } from "react";
+import { Flex, Row } from "antd";
+import useDynamicForm from "./useDynamicForm";
+import { Form, Button } from "react-vant";
+import { Plus } from "@react-vant/icons";
+const DynamicForm = forwardRef((props, ref) => {
+  const [form] = Form.useForm();
+  const {
+    formConfig,
+    setFormConfig,
+    setAttrList,
+    readonly = false,
+    relatedid,
+    colNum = 1,
+    colSpace = [0, 0],
+    instructionShowMode = "flex",
+    defaultWidth = "100%",
+    commonRequestWidthParams,
+    uploadAction,
+    commonRequest,
+    formItemStyle = [],
+    radioAlign = "horizontal",
+    interfaceTypeChildren = "YLLRDetailAttrlist",
+    interfaceTypeDict = "YLZDDictList",
+    interfaceTypeSysDict = "YLZDSysConfigList",
+    relatedidKey = "relatedid",
+    actionUrlKey = "action-url",
+    actionUrlExtraParams = {},
+    CustomModalComponent,
+    hideAttrList = [],
+    formShowType = "form",
+    formListItemWidth,
+    formListItemName
+  } = props;
+  const delFileListRef = useRef([]);
+  const updateDelFileList = (file) => {
+    delFileListRef.current.push(file);
+  };
+  const { handleRenderItem } = useDynamicForm({
+    commonRequestWidthParams,
+    uploadAction,
+    commonRequest,
+    setFormConfig,
+    setAttrList,
+    updateDelFileList,
+    formConfig,
+    interfaceTypeChildren,
+    interfaceTypeDict,
+    interfaceTypeSysDict,
+    relatedidKey,
+    actionUrlKey,
+    actionUrlExtraParams,
+    CustomModalComponent,
+    hideAttrList
+  });
+  useImperativeHandle(ref, () => ({
+    getDelFileList: () => {
+      return delFileListRef.current;
+    },
+    submitForm: async () => {
+      try {
+        const values = await form.validateFields();
+        return values;
+      } catch (error) {
+      }
+    }
+  }));
+  return /* @__PURE__ */ jsx(Form, { layout: "vertical", form, children: formShowType === "table" ? /* @__PURE__ */ jsx(Form.List, { name: formListItemName || "customFormList", initialValue: [{}], children: (fields, { add, remove }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    fields.map((field, idx) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "form-list-item",
+        style: {
+          borderRadius: 8,
+          marginBottom: 10
+        },
+        children: [
+          /* @__PURE__ */ jsxs(
+            Flex,
+            {
+              justify: "space-between",
+              style: {
+                height: 44,
+                width: "calc(100vw - 32px)",
+                marginLeft: 16,
+                borderBottom: "1px solid #E3E3E3"
+              },
+              align: "center",
+              children: [
+                /* @__PURE__ */ jsxs("span", { style: { color: "#555555" }, children: [
+                  "第",
+                  idx + 1,
+                  "条"
+                ] }),
+                /* @__PURE__ */ jsx("a", { style: { color: "#ff4d4f" }, onClick: () => remove(idx), children: "删除" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "form-list-item__control", children: formConfig == null ? void 0 : formConfig.map((child, index) => {
+            return /* @__PURE__ */ jsx(Fragment$1, { children: handleRenderItem({
+              item: child,
+              readonly,
+              colNum,
+              instructionShowMode,
+              relatedid,
+              form,
+              defaultWidth: (formListItemWidth == null ? void 0 : formListItemWidth[index]) || defaultWidth,
+              formItemStyle,
+              isFormListItem: true,
+              formListField: field,
+              isShowLabel: false
+            }) }, index);
+          }) })
+        ]
+      },
+      idx
+    )),
+    /* @__PURE__ */ jsx("div", { style: { padding: 10 }, children: /* @__PURE__ */ jsx(Button, { plain: true, icon: /* @__PURE__ */ jsx(Plus, {}), style: { width: "100%" }, type: "primary", onClick: () => add({}), children: "新增" }) })
+  ] }) }) : /* @__PURE__ */ jsx(Row, { gutter: colSpace, children: formConfig.map((item, index) => /* @__PURE__ */ jsx(Fragment$1, { children: handleRenderItem({
+    item,
+    readonly,
+    colNum,
+    instructionShowMode,
+    relatedid,
+    form,
+    defaultWidth,
+    formItemStyle,
+    radioAlign
+  }) }, item.attrid || `form-item-${index}`)) }) });
+});
+export {
+  DynamicForm as default
+};

package/es/components/DynamicFormMobile/myCascader/index.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { AxiosResponse } from 'axios';
+interface MyCascaderProps {
+    item: any;
+    readonly?: boolean;
+    value?: string[];
+    onChange?: (value: any) => void;
+    style?: React.CSSProperties;
+    commonRequestWidthParams: (params: object, data?: any) => Promise<AxiosResponse<any, any>>;
+    commonRequest: (InterfaceType: string, data?: any) => Promise<AxiosResponse<any, any>>;
+    interfaceTypeDict: string;
+    interfaceTypeSysDict: string;
+    actionUrlKey: string;
+    actionUrlExtraParams: object;
+}
+declare const MyCascader: ({ item, readonly, value, onChange, style, commonRequestWidthParams, commonRequest, interfaceTypeDict, interfaceTypeSysDict, actionUrlKey, actionUrlExtraParams, }: MyCascaderProps) => import("react/jsx-runtime").JSX.Element;
+export default MyCascader;