szld-libs 0.2.50 → 0.2.52

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

@@ -18,6 +18,8 @@ interface BackHeaderProps {
     level?: 1 | 2 | 3 | 4 | 5;
     /** 自定义图标 */
     icon?: React.ReactNode;
+    /** 自定义返回事件 */
+    onBack?: () => void;
 }
 declare const BackHeader: (props: BackHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default BackHeader;

package/es/components/BackHeader/index.js

@@ -15,7 +15,7 @@ const styles = {
 };
 const { Title, Text } = Typography;
 const BackHeader = (props) => {
-  const { isBack = true, title: title2, extra, subTitle = null, className, style, titleStyle, level = 2, icon } = props;
+  const { isBack = true, title: title2, extra, subTitle = null, className, style, titleStyle, level = 2, icon, onBack } = props;
   const navigate = useNavigate();
   const renderSubtitle = () => {
     if (typeof subTitle === "string") {
@@ -24,6 +24,10 @@ const BackHeader = (props) => {
     return subTitle;
   };
   const goBack = () => {
+    if (onBack) {
+      onBack == null ? void 0 : onBack();
+      return;
+    }
     navigate(-1);
   };
   return /* @__PURE__ */ jsxs("div", { className: classNames(styles.main, className), style, children: [

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

@@ -50,6 +50,7 @@ interface FormFieldsProps extends Pick<CreateFormItemProps<ValueType>, "valueTyp
     value?: any;
     onBtnClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>, item: ValueBtnProps) => void;
     inputRef?: any;
+    formItemProps?: FormItemProps;
 }
 export declare const FormFields: (props: FormFieldsProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export default CreateForm;

package/es/components/CreateForm/index.js

@@ -100,7 +100,8 @@ const CreateForm = (props) => {
                   },
                   valueType: item.valueType,
                   onBtnClick,
-                  valueProps: item.valueProps
+                  valueProps: item.valueProps,
+                  formItemProps: item.formItemProps
                 }
               )
             }
@@ -112,7 +113,7 @@ const CreateForm = (props) => {
   );
 };
 const FormFields = (props) => {
-  const { valueType, valueProps, value, onChange, onBtnClick, inputRef } = props;
+  const { valueType, valueProps, value, onChange, onBtnClick, inputRef, formItemProps } = props;
   const children = useMemo(() => {
     let result = /* @__PURE__ */ jsx(Input, { placeholder: "请输入", allowClear: true, ...valueProps });
     switch (valueType) {
@@ -226,7 +227,7 @@ const FormFields = (props) => {
   if (valueType === "custom") {
     const params = valueProps;
     return React.cloneElement(params.children, {
-      [getValuePropName(valueType || "input")]: value,
+      [(formItemProps == null ? void 0 : formItemProps.valuePropName) || getValuePropName(valueType || "input")]: value,
       onChange,
       ref: inputRef
     });

package/es/index.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import ReactDOM from "react-dom/client";
 import { BrowserRouter } from "react-router-dom";
-import { App, Form, Table, Flex, Button } from "antd";
+import { App, Form, Table, Upload, Button, Flex, message } from "antd";
 import useConfig from "./hooks/useConfig";
 import { useRowSelection, useChangePwd, HmacSM3, BackHeader, SearchTable, CreateForm, CustomPagination } from "./main";
 let key = "U2FsdGVkX1/dG1NSXNR9hnp3Ech/v6Gh8CDDJxgBm1EPFQel12ySIf84ARXCPwTae7TzwgPvjOyE3S5rAEzl/wAZmId6pbezpFeFcJqxdmIl3FeluYHFxJzQHDETTvrr3G/REvv00kHptOVwg6ecjPH6yk7PNit0sWTBLorROxLxMD8lVDmOA66p7Zp4QnYzqScYJGFbutmfHYXfBRBe1Q2UKummJ798svNY5SIwEwl4spzgyWmhARtuyq4zhysFrj/xODuNDjtwitA6XfX566WcZkj3F+2P+mkYzDYOhXXaomnlybjrZ2hEHfcczQhUfJd89O8PNIuEWo24wjYRgMdKlw5CWSeocFCqV7ZJ/CV/7vNRcaO4awKlFNobLikkwDznxpcX+4UEej+ED+pgfmPQLsKedcfEscStkSAZXaD5pBRTiFU9xGLfDt6seUrEnMBeXkpMIY9j1SZDDK18/G7lSHjDQMZYZP6sfLdBdwY=";
@@ -66,6 +66,29 @@ const Demo = () => {
       ]
     }
   ];
+  const imgAccept = ".jpg,.png,.jpeg";
+  const imgUploadProps = {
+    maxCount: 1,
+    action: "uploadAction",
+    accept: imgAccept,
+    showUploadList: false,
+    beforeUpload(file) {
+      var _a;
+      const accepts = imgAccept.split(",");
+      const fileType = (_a = file.name.split(".").pop()) == null ? void 0 : _a.toLocaleLowerCase();
+      if (!accepts.includes(`.${fileType}`)) {
+        message.error(`只允许上传${accepts.join("、")}文件`);
+        return Upload.LIST_IGNORE;
+      }
+      return file;
+    }
+  };
+  const normFile = (e) => {
+    if (Array.isArray(e)) {
+      return e;
+    }
+    return e && e.fileList;
+  };
   const formItems = [
     {
       dataIndex: "asctypeid",
@@ -122,6 +145,24 @@ const Demo = () => {
       colProps: {
         span: 11
       }
+    },
+    {
+      dataIndex: "fileList",
+      title: "营业执照",
+      valueType: "custom",
+      valueProps: {
+        children: /* @__PURE__ */ jsx(Upload, { ...imgUploadProps, children: /* @__PURE__ */ jsx(Button, { children: "上传营业执照" }) }),
+        fileList: form.getFieldValue("fileList")
+      },
+      colProps: {
+        md: 24,
+        xl: 10
+      },
+      formItemProps: {
+        valuePropName: "fileList",
+        getValueFromEvent: normFile,
+        rules: [{ required: true, message: "请上传营业执照" }]
+      }
     }
   ];
   const totalText = "共@";
@@ -129,8 +170,8 @@ const Demo = () => {
   const jumpText = "跳至@";
   const pageText = "页@";
   const sm3key = "Aa123456#";
-  const message = "username=admin&timestamp=1758782465&modelid=19955BC7B61A43B3A982F0B2053ABC34";
-  HmacSM3.hmac(sm3key, message);
+  const msg = "username=admin&timestamp=1758782465&modelid=19955BC7B61A43B3A982F0B2053ABC34";
+  HmacSM3.hmac(sm3key, msg);
   return /* @__PURE__ */ jsxs("div", { style: { height: "100vh", display: "flex", flexDirection: "column", gap: 20 }, children: [
     /* @__PURE__ */ jsx(BackHeader, { title: "页头组件", isBack: true }),
     /* @__PURE__ */ jsxs(Flex, { gap: 20, align: "center", children: [

package/lib/components/BackHeader/index.d.ts

@@ -18,6 +18,8 @@ interface BackHeaderProps {
     level?: 1 | 2 | 3 | 4 | 5;
     /** 自定义图标 */
     icon?: React.ReactNode;
+    /** 自定义返回事件 */
+    onBack?: () => void;
 }
 declare const BackHeader: (props: BackHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default BackHeader;

package/lib/components/BackHeader/index.js

@@ -16,7 +16,7 @@ const styles = {
 };
 const { Title, Text } = antd.Typography;
 const BackHeader = (props) => {
-  const { isBack = true, title: title2, extra, subTitle = null, className, style, titleStyle, level = 2, icon } = props;
+  const { isBack = true, title: title2, extra, subTitle = null, className, style, titleStyle, level = 2, icon, onBack } = props;
   const navigate = reactRouterDom.useNavigate();
   const renderSubtitle = () => {
     if (typeof subTitle === "string") {
@@ -25,6 +25,10 @@ const BackHeader = (props) => {
     return subTitle;
   };
   const goBack = () => {
+    if (onBack) {
+      onBack == null ? void 0 : onBack();
+      return;
+    }
     navigate(-1);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classNames(styles.main, className), style, children: [

package/lib/components/CreateForm/index.d.ts

@@ -50,6 +50,7 @@ interface FormFieldsProps extends Pick<CreateFormItemProps<ValueType>, "valueTyp
     value?: any;
     onBtnClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>, item: ValueBtnProps) => void;
     inputRef?: any;
+    formItemProps?: FormItemProps;
 }
 export declare const FormFields: (props: FormFieldsProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export default CreateForm;

package/lib/components/CreateForm/index.js

@@ -102,7 +102,8 @@ const CreateForm = (props) => {
                   },
                   valueType: item.valueType,
                   onBtnClick,
-                  valueProps: item.valueProps
+                  valueProps: item.valueProps,
+                  formItemProps: item.formItemProps
                 }
               )
             }
@@ -114,7 +115,7 @@ const CreateForm = (props) => {
   );
 };
 const FormFields = (props) => {
-  const { valueType, valueProps, value, onChange, onBtnClick, inputRef } = props;
+  const { valueType, valueProps, value, onChange, onBtnClick, inputRef, formItemProps } = props;
   const children = React.useMemo(() => {
     let result = /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { placeholder: "请输入", allowClear: true, ...valueProps });
     switch (valueType) {
@@ -228,7 +229,7 @@ const FormFields = (props) => {
   if (valueType === "custom") {
     const params = valueProps;
     return React.cloneElement(params.children, {
-      [getValuePropName(valueType || "input")]: value,
+      [(formItemProps == null ? void 0 : formItemProps.valuePropName) || getValuePropName(valueType || "input")]: value,
       onChange,
       ref: inputRef
     });

package/lib/index.js

@@ -67,6 +67,29 @@ const Demo = () => {
       ]
     }
   ];
+  const imgAccept = ".jpg,.png,.jpeg";
+  const imgUploadProps = {
+    maxCount: 1,
+    action: "uploadAction",
+    accept: imgAccept,
+    showUploadList: false,
+    beforeUpload(file) {
+      var _a;
+      const accepts = imgAccept.split(",");
+      const fileType = (_a = file.name.split(".").pop()) == null ? void 0 : _a.toLocaleLowerCase();
+      if (!accepts.includes(`.${fileType}`)) {
+        antd.message.error(`只允许上传${accepts.join("、")}文件`);
+        return antd.Upload.LIST_IGNORE;
+      }
+      return file;
+    }
+  };
+  const normFile = (e) => {
+    if (Array.isArray(e)) {
+      return e;
+    }
+    return e && e.fileList;
+  };
   const formItems = [
     {
       dataIndex: "asctypeid",
@@ -123,6 +146,24 @@ const Demo = () => {
       colProps: {
         span: 11
       }
+    },
+    {
+      dataIndex: "fileList",
+      title: "营业执照",
+      valueType: "custom",
+      valueProps: {
+        children: /* @__PURE__ */ jsxRuntime.jsx(antd.Upload, { ...imgUploadProps, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { children: "上传营业执照" }) }),
+        fileList: form.getFieldValue("fileList")
+      },
+      colProps: {
+        md: 24,
+        xl: 10
+      },
+      formItemProps: {
+        valuePropName: "fileList",
+        getValueFromEvent: normFile,
+        rules: [{ required: true, message: "请上传营业执照" }]
+      }
     }
   ];
   const totalText = "共@";
@@ -130,8 +171,8 @@ const Demo = () => {
   const jumpText = "跳至@";
   const pageText = "页@";
   const sm3key = "Aa123456#";
-  const message = "username=admin&timestamp=1758782465&modelid=19955BC7B61A43B3A982F0B2053ABC34";
-  main.HmacSM3.hmac(sm3key, message);
+  const msg = "username=admin&timestamp=1758782465&modelid=19955BC7B61A43B3A982F0B2053ABC34";
+  main.HmacSM3.hmac(sm3key, msg);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { height: "100vh", display: "flex", flexDirection: "column", gap: 20 }, children: [
     /* @__PURE__ */ jsxRuntime.jsx(main.BackHeader, { title: "页头组件", isBack: true }),
     /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 20, align: "center", children: [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "szld-libs",
   "private": false,
-  "version": "0.2.50",
+  "version": "0.2.52",
   "type": "module",
   "scripts": {
     "dev": "vite",