szld-libs 0.2.17 → 0.2.19

package/es/hooks/useCaptcha.js

@@ -3,18 +3,42 @@ import { SyncOutlined } from "@ant-design/icons";
 import { useRequest } from "ahooks";
 import { Button } from "antd";
 import _ from "lodash";
+import { useMemo } from "react";
+import { formatResponse } from "../utils/index";
 function useCaptcha(props) {
   const { imgKey = "Img" } = props;
-  const { data, loading, error, refresh } = useRequest(props.request, {
+  const {
+    data: _data,
+    loading,
+    error,
+    refresh
+  } = useRequest(props.request, {
     debounceWait: 300,
     ready: true,
     retryCount: 3
   });
+  const data = useMemo(() => formatResponse(_data), [_data]);
   const renderCaptcha = () => {
     if (error) {
-      return /* @__PURE__ */ jsx(Button, { type: "link", title: "验证码加载失败，请重试", icon: /* @__PURE__ */ jsx(SyncOutlined, {}), onClick: refresh, children: "点击重试" });
+      return /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "link",
+          title: "验证码加载失败，请重试",
+          icon: /* @__PURE__ */ jsx(SyncOutlined, {}),
+          onClick: refresh,
+          children: "点击重试"
+        }
+      );
     }
-    return /* @__PURE__ */ jsx("img", { src: _.get(data, [imgKey]), style: { height: "100%", objectFit: "contain", cursor: "pointer" }, onClick: refresh });
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: _.get(data, [imgKey]),
+        style: { height: "100%", objectFit: "contain", cursor: "pointer" },
+        onClick: refresh
+      }
+    );
   };
   return { data, renderCaptcha, loading, refresh };
 }

package/es/hooks/useRowSelection.d.ts

@@ -0,0 +1,13 @@
+interface RowSelectionProps {
+    dataSource: any[];
+    rowKey: string;
+}
+/**
+ * 表格跨页面多选
+ *
+ * @export
+ * @param {RowSelectionProps} props
+ * @return {*}
+ */
+export default function useRowSelection(props: RowSelectionProps): any;
+export {};

package/es/hooks/useRowSelection.js

@@ -0,0 +1,35 @@
+import { useRef, useState, useEffect } from "react";
+function useRowSelection(props) {
+  const { dataSource, rowKey } = props;
+  const dataSourceRef = useRef([]);
+  const [selectedRows, setSelectedRows] = useState([]);
+  const [selectedKeys, setSelectedKeys] = useState([]);
+  useEffect(() => {
+    if (dataSource && dataSource.length > 0) {
+      const arr = [...dataSource, ...dataSourceRef.current];
+      dataSourceRef.current = arr.filter((item, index, self) => {
+        return self.findIndex((ele) => item[rowKey] === ele[rowKey]) === index;
+      });
+    }
+  }, [dataSource, rowKey]);
+  useEffect(() => {
+    if (dataSourceRef.current.length > 0) {
+      let list = [];
+      selectedKeys.forEach((key) => {
+        const target = dataSourceRef.current.find((v) => v[rowKey] === key);
+        if (target && !list.map((v) => v[rowKey]).includes(key)) {
+          list.push(target);
+        }
+      });
+      setSelectedRows(list);
+    }
+  }, [dataSourceRef.current, selectedKeys, rowKey]);
+  return {
+    selectedRows,
+    selectedKeys,
+    setSelectedKeys
+  };
+}
+export {
+  useRowSelection as default
+};

package/es/main.d.ts

@@ -14,5 +14,6 @@ import * as verfyCode from "./utils/verify-code";
 import useCaptcha from "./hooks/useCaptcha";
 import useChangePwd from "./hooks/useChangePwd";
 import useRemember from "./hooks/useRemember";
+import useRowSelection from "./hooks/useRowSelection";
 import HmacSHA512 from './utils/hmacSHA512';
-export { AuthButton, BackHeader, CoralButton, CreateForm, EditTable, FormRules, HmacSHA512, SearchTable, UploadFile, download, fileType, showWorkFlow, useCaptcha, useChangePwd, useRemember, utils, verfyCode };
+export { AuthButton, BackHeader, CoralButton, CreateForm, EditTable, FormRules, HmacSHA512, SearchTable, UploadFile, download, fileType, showWorkFlow, useCaptcha, useChangePwd, useRemember, useRowSelection, utils, verfyCode };

package/es/main.js

@@ -14,7 +14,8 @@ import * as verifyCode from "./utils/verify-code";
 import { default as default10 } from "./hooks/useCaptcha";
 import { default as default11 } from "./hooks/useChangePwd";
 import { default as default12 } from "./hooks/useRemember";
-import { default as default13 } from "./utils/hmacSHA512";
+import { default as default13 } from "./hooks/useRowSelection";
+import { default as default14 } from "./utils/hmacSHA512";
 export {
   default7 as AuthButton,
   default2 as BackHeader,
@@ -22,7 +23,7 @@ export {
   default3 as CreateForm,
   default6 as EditTable,
   formRules as FormRules,
-  default13 as HmacSHA512,
+  default14 as HmacSHA512,
   default4 as SearchTable,
   default5 as UploadFile,
   download,
@@ -31,6 +32,7 @@ export {
   default10 as useCaptcha,
   default11 as useChangePwd,
   default12 as useRemember,
+  default13 as useRowSelection,
   index as utils,
   verifyCode as verfyCode
 };

package/es/utils/index.d.ts

@@ -12,3 +12,4 @@ export declare const arrayDeduplication: (key: string, arr: any[]) => any[];
 export declare const JSONParse: (value: string) => any;
 export declare function uuid(): string;
 export declare const forceReload: () => void;
+export declare const formatResponse: (res: any) => any;

package/es/utils/index.js

@@ -111,11 +111,19 @@ const forceReload = () => {
     window.location.reload();
   }
 };
+const formatResponse = (res) => {
+  if (typeof res === "string") {
+    const index = res.indexOf(",");
+    return JSON.parse(res.slice(index + 1));
+  }
+  return res;
+};
 export {
   JSONParse,
   arrayDeduplication,
   filterObject,
   forceReload,
+  formatResponse,
   getBase64,
   getFileSuffix,
   getFileType,

package/lib/hooks/useCaptcha.js

@@ -4,18 +4,42 @@ const icons = require("@ant-design/icons");
 const ahooks = require("ahooks");
 const antd = require("antd");
 const _ = require("lodash");
+const react = require("react");
+const index = require("../utils/index");
 function useCaptcha(props) {
   const { imgKey = "Img" } = props;
-  const { data, loading, error, refresh } = ahooks.useRequest(props.request, {
+  const {
+    data: _data,
+    loading,
+    error,
+    refresh
+  } = ahooks.useRequest(props.request, {
     debounceWait: 300,
     ready: true,
     retryCount: 3
   });
+  const data = react.useMemo(() => index.formatResponse(_data), [_data]);
   const renderCaptcha = () => {
     if (error) {
-      return /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "link", title: "验证码加载失败，请重试", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.SyncOutlined, {}), onClick: refresh, children: "点击重试" });
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        antd.Button,
+        {
+          type: "link",
+          title: "验证码加载失败，请重试",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.SyncOutlined, {}),
+          onClick: refresh,
+          children: "点击重试"
+        }
+      );
     }
-    return /* @__PURE__ */ jsxRuntime.jsx("img", { src: _.get(data, [imgKey]), style: { height: "100%", objectFit: "contain", cursor: "pointer" }, onClick: refresh });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src: _.get(data, [imgKey]),
+        style: { height: "100%", objectFit: "contain", cursor: "pointer" },
+        onClick: refresh
+      }
+    );
   };
   return { data, renderCaptcha, loading, refresh };
 }

package/lib/hooks/useRowSelection.d.ts

@@ -0,0 +1,13 @@
+interface RowSelectionProps {
+    dataSource: any[];
+    rowKey: string;
+}
+/**
+ * 表格跨页面多选
+ *
+ * @export
+ * @param {RowSelectionProps} props
+ * @return {*}
+ */
+export default function useRowSelection(props: RowSelectionProps): any;
+export {};

package/lib/hooks/useRowSelection.js

@@ -0,0 +1,34 @@
+"use strict";
+const react = require("react");
+function useRowSelection(props) {
+  const { dataSource, rowKey } = props;
+  const dataSourceRef = react.useRef([]);
+  const [selectedRows, setSelectedRows] = react.useState([]);
+  const [selectedKeys, setSelectedKeys] = react.useState([]);
+  react.useEffect(() => {
+    if (dataSource && dataSource.length > 0) {
+      const arr = [...dataSource, ...dataSourceRef.current];
+      dataSourceRef.current = arr.filter((item, index, self) => {
+        return self.findIndex((ele) => item[rowKey] === ele[rowKey]) === index;
+      });
+    }
+  }, [dataSource, rowKey]);
+  react.useEffect(() => {
+    if (dataSourceRef.current.length > 0) {
+      let list = [];
+      selectedKeys.forEach((key) => {
+        const target = dataSourceRef.current.find((v) => v[rowKey] === key);
+        if (target && !list.map((v) => v[rowKey]).includes(key)) {
+          list.push(target);
+        }
+      });
+      setSelectedRows(list);
+    }
+  }, [dataSourceRef.current, selectedKeys, rowKey]);
+  return {
+    selectedRows,
+    selectedKeys,
+    setSelectedKeys
+  };
+}
+module.exports = useRowSelection;

package/lib/main.d.ts

@@ -14,5 +14,6 @@ import * as verfyCode from "./utils/verify-code";
 import useCaptcha from "./hooks/useCaptcha";
 import useChangePwd from "./hooks/useChangePwd";
 import useRemember from "./hooks/useRemember";
+import useRowSelection from "./hooks/useRowSelection";
 import HmacSHA512 from './utils/hmacSHA512';
-export { AuthButton, BackHeader, CoralButton, CreateForm, EditTable, FormRules, HmacSHA512, SearchTable, UploadFile, download, fileType, showWorkFlow, useCaptcha, useChangePwd, useRemember, utils, verfyCode };
+export { AuthButton, BackHeader, CoralButton, CreateForm, EditTable, FormRules, HmacSHA512, SearchTable, UploadFile, download, fileType, showWorkFlow, useCaptcha, useChangePwd, useRemember, useRowSelection, utils, verfyCode };

package/lib/main.js

@@ -16,6 +16,7 @@ const verifyCode = require("./utils/verify-code");
 const useCaptcha = require("./hooks/useCaptcha");
 const useChangePwd = require("./hooks/useChangePwd");
 const useRemember = require("./hooks/useRemember");
+const useRowSelection = require("./hooks/useRowSelection");
 const hmacSHA512 = require("./utils/hmacSHA512");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -54,4 +55,5 @@ exports.verfyCode = verifyCode__namespace;
 exports.useCaptcha = useCaptcha;
 exports.useChangePwd = useChangePwd;
 exports.useRemember = useRemember;
+exports.useRowSelection = useRowSelection;
 exports.HmacSHA512 = hmacSHA512;

package/lib/utils/index.d.ts

@@ -12,3 +12,4 @@ export declare const arrayDeduplication: (key: string, arr: any[]) => any[];
 export declare const JSONParse: (value: string) => any;
 export declare function uuid(): string;
 export declare const forceReload: () => void;
+export declare const formatResponse: (res: any) => any;

package/lib/utils/index.js

@@ -113,10 +113,18 @@ const forceReload = () => {
     window.location.reload();
   }
 };
+const formatResponse = (res) => {
+  if (typeof res === "string") {
+    const index = res.indexOf(",");
+    return JSON.parse(res.slice(index + 1));
+  }
+  return res;
+};
 exports.JSONParse = JSONParse;
 exports.arrayDeduplication = arrayDeduplication;
 exports.filterObject = filterObject;
 exports.forceReload = forceReload;
+exports.formatResponse = formatResponse;
 exports.getBase64 = getBase64;
 exports.getFileSuffix = getFileSuffix;
 exports.getFileType = getFileType;

package/package.json

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