szld-libs 0.2.13 → 0.2.14

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { ButtonProps } from "antd";
 export interface AuthButtonProps extends ButtonProps {
     auth?: boolean;
 }
-declare const AuthButton: (props: AuthButtonProps) => JSX.Element | null;
+declare const AuthButton: (props: AuthButtonProps) => import("react/jsx-runtime").JSX.Element | null;
 export default AuthButton;

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

@@ -9,5 +9,5 @@ interface BackHeaderProps {
     titleStyle?: CSSProperties;
     level?: 1 | 2 | 3 | 4 | 5;
 }
-declare const BackHeader: (props: BackHeaderProps) => JSX.Element;
+declare const BackHeader: (props: BackHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default BackHeader;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from "antd";
 interface AuthProps {
     PId: number;
@@ -7,5 +6,5 @@ export interface CoralButtonProps extends ButtonProps {
     PId: number;
     auths?: AuthProps[];
 }
-declare const CoralButton: (props: CoralButtonProps) => JSX.Element;
+declare const CoralButton: (props: CoralButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default CoralButton;

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

@@ -44,12 +44,12 @@ export interface CreateFormProps {
     readonly?: boolean;
     hiddenTitle?: boolean;
 }
-declare const CreateForm: (props: CreateFormProps) => JSX.Element;
+declare const CreateForm: (props: CreateFormProps) => import("react/jsx-runtime").JSX.Element;
 interface FormFieldsProps extends Pick<CreateFormItemProps<ValueType>, "valueType" | "valueProps"> {
     onChange?: (e: any) => void;
     value?: any;
     onBtnClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>, item: ValueBtnProps) => void;
     inputRef?: any;
 }
-export declare const FormFields: (props: FormFieldsProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.FunctionComponentElement<any>;
+export declare const FormFields: (props: FormFieldsProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export default CreateForm;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as echarts from 'echarts/core';
 import { BarSeriesOption, LineSeriesOption } from 'echarts/charts';
 import { TitleComponentOption, TooltipComponentOption, GridComponentOption, DatasetComponentOption } from 'echarts/components';
@@ -10,5 +9,5 @@ export interface EchartsProps {
  * @param props : EchartsProps 传入图标配置项
  * 外部包裹一层dom元素定义width和height，内部自动占满
  */
-declare const Echarts: (props: EchartsProps) => JSX.Element;
+declare const Echarts: (props: EchartsProps) => import("react/jsx-runtime").JSX.Element;
 export default Echarts;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TableProps } from "antd";
 import { Rule } from "antd/es/form";
 import { ColumnType } from "antd/es/table";
@@ -14,5 +13,5 @@ export interface EditTableProps<RecordType> extends Omit<TableProps<RecordType>,
     columns: ColumnsType<RecordType>[];
     onChange?: (row: RecordType) => void;
 }
-declare function EditTable<DataType extends object = any>(props: EditTableProps<DataType>): JSX.Element;
+declare function EditTable<DataType extends object = any>(props: EditTableProps<DataType>): import("react/jsx-runtime").JSX.Element;
 export default EditTable;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TableProps } from "antd";
 import { ColumnType } from "antd/es/table";
 import { CreateFormProps } from "../CreateForm";
@@ -14,5 +13,5 @@ export interface SearchTableProps<RecordType> {
     searchProps?: CreateFormProps;
     tableProps?: MTableProps<RecordType>;
 }
-declare function SearchTable<RecordType extends object = any>(props: SearchTableProps<RecordType>): JSX.Element;
+declare function SearchTable<RecordType extends object = any>(props: SearchTableProps<RecordType>): import("react/jsx-runtime").JSX.Element;
 export default SearchTable;

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

@@ -10,5 +10,5 @@ export interface UploadFileProps extends UploadProps {
         limit?: number;
     };
 }
-declare const UploadFile: (props: UploadFileProps) => JSX.Element;
+declare const UploadFile: (props: UploadFileProps) => import("react/jsx-runtime").JSX.Element;
 export default UploadFile;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { EditTableProps } from "../EditTable";
-declare function VirtualTable<DataType extends object = any>(props: EditTableProps<DataType>): JSX.Element;
+declare function VirtualTable<DataType extends object = any>(props: EditTableProps<DataType>): import("react/jsx-runtime").JSX.Element;
 export default VirtualTable;

package/es/components/common/403.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const NoPermissions: () => JSX.Element;
+declare const NoPermissions: () => import("react/jsx-runtime").JSX.Element;
 export default NoPermissions;

package/es/components/common/404.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const NotFound: () => JSX.Element;
+declare const NotFound: () => import("react/jsx-runtime").JSX.Element;
 export default NotFound;

package/es/hooks/useCaptcha.d.ts

@@ -0,0 +1,11 @@
+interface useCaptchaProps {
+    request: () => Promise<any>;
+    imgKey?: string;
+}
+export default function useCaptcha(props: useCaptchaProps): {
+    data: any;
+    renderCaptcha: () => import("react/jsx-runtime").JSX.Element;
+    loading: any;
+    refresh: any;
+};
+export {};

package/es/hooks/useCaptcha.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { SyncOutlined } from "@ant-design/icons";
+import { useRequest } from "ahooks";
+import { Button } from "antd";
+import _ from "lodash";
+function useCaptcha(props) {
+  const { imgKey = "Img" } = props;
+  const { data, loading, error, refresh } = useRequest(props.request, {
+    ready: true,
+    retryCount: 3
+  });
+  const renderCaptcha = () => {
+    if (error) {
+      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 { data, renderCaptcha, loading, refresh };
+}
+export {
+  useCaptcha as default
+};

package/es/hooks/useRemember.d.ts

@@ -0,0 +1,9 @@
+interface UseRememberProps {
+    secertKey: string;
+    storageKey: string;
+}
+export default function useRemember(props: UseRememberProps): {
+    onParse: (cb: (value: any) => void) => void;
+    onSave: (data: any) => void;
+};
+export {};

package/es/hooks/useRemember.js

@@ -0,0 +1,33 @@
+import CryptoJS from "crypto-js";
+import { setLocalStorage } from "../utils";
+function useRemember(props) {
+  const { secertKey, storageKey } = props;
+  const onSave = (data) => {
+    const value = CryptoJS.AES.encrypt(
+      JSON.stringify({
+        ...data,
+        timestamp: Date.now()
+      }),
+      secertKey
+    );
+    setLocalStorage(storageKey, value.toString());
+  };
+  const onParse = (cb) => {
+    const values = localStorage.getItem(storageKey);
+    if (!values) {
+      cb(null);
+      return;
+    }
+    const bytes = CryptoJS.AES.decrypt(values, secertKey);
+    try {
+      const result = JSON.parse(bytes.toString(CryptoJS.enc.Utf8));
+      cb(result);
+    } catch (error) {
+      cb(null);
+    }
+  };
+  return { onParse, onSave };
+}
+export {
+  useRemember as default
+};

package/es/main.d.ts

@@ -11,5 +11,7 @@ import * as fileType from "./utils/filetype";
 import * as FormRules from './utils/formRules';
 import * as utils from "./utils/index";
 import * as verfyCode from "./utils/verify-code";
+import useCaptcha from "./hooks/useCaptcha";
 import useChangePwd from "./hooks/useChangePwd";
-export { AuthButton, BackHeader, CoralButton, CreateForm, EditTable, FormRules, SearchTable, UploadFile, download, fileType, showWorkFlow, useChangePwd, utils, verfyCode };
+import useRemember from "./hooks/useRemember";
+export { AuthButton, BackHeader, CoralButton, CreateForm, EditTable, FormRules, SearchTable, UploadFile, download, fileType, showWorkFlow, useCaptcha, useChangePwd, useRemember, utils, verfyCode };

package/es/main.js

@@ -11,7 +11,9 @@ import * as filetype from "./utils/filetype";
 import * as formRules from "./utils/formRules";
 import * as index from "./utils/index";
 import * as verifyCode from "./utils/verify-code";
-import { default as default10 } from "./hooks/useChangePwd";
+import { default as default10 } from "./hooks/useCaptcha";
+import { default as default11 } from "./hooks/useChangePwd";
+import { default as default12 } from "./hooks/useRemember";
 export {
   default7 as AuthButton,
   default2 as BackHeader,
@@ -24,7 +26,9 @@ export {
   download,
   filetype as fileType,
   default9 as showWorkFlow,
-  default10 as useChangePwd,
+  default10 as useCaptcha,
+  default11 as useChangePwd,
+  default12 as useRemember,
   index as utils,
   verifyCode as verfyCode
 };

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { ButtonProps } from "antd";
 export interface AuthButtonProps extends ButtonProps {
     auth?: boolean;
 }
-declare const AuthButton: (props: AuthButtonProps) => JSX.Element | null;
+declare const AuthButton: (props: AuthButtonProps) => import("react/jsx-runtime").JSX.Element | null;
 export default AuthButton;

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

@@ -9,5 +9,5 @@ interface BackHeaderProps {
     titleStyle?: CSSProperties;
     level?: 1 | 2 | 3 | 4 | 5;
 }
-declare const BackHeader: (props: BackHeaderProps) => JSX.Element;
+declare const BackHeader: (props: BackHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default BackHeader;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from "antd";
 interface AuthProps {
     PId: number;
@@ -7,5 +6,5 @@ export interface CoralButtonProps extends ButtonProps {
     PId: number;
     auths?: AuthProps[];
 }
-declare const CoralButton: (props: CoralButtonProps) => JSX.Element;
+declare const CoralButton: (props: CoralButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default CoralButton;

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

@@ -44,12 +44,12 @@ export interface CreateFormProps {
     readonly?: boolean;
     hiddenTitle?: boolean;
 }
-declare const CreateForm: (props: CreateFormProps) => JSX.Element;
+declare const CreateForm: (props: CreateFormProps) => import("react/jsx-runtime").JSX.Element;
 interface FormFieldsProps extends Pick<CreateFormItemProps<ValueType>, "valueType" | "valueProps"> {
     onChange?: (e: any) => void;
     value?: any;
     onBtnClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>, item: ValueBtnProps) => void;
     inputRef?: any;
 }
-export declare const FormFields: (props: FormFieldsProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.FunctionComponentElement<any>;
+export declare const FormFields: (props: FormFieldsProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export default CreateForm;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as echarts from 'echarts/core';
 import { BarSeriesOption, LineSeriesOption } from 'echarts/charts';
 import { TitleComponentOption, TooltipComponentOption, GridComponentOption, DatasetComponentOption } from 'echarts/components';
@@ -10,5 +9,5 @@ export interface EchartsProps {
  * @param props : EchartsProps 传入图标配置项
  * 外部包裹一层dom元素定义width和height，内部自动占满
  */
-declare const Echarts: (props: EchartsProps) => JSX.Element;
+declare const Echarts: (props: EchartsProps) => import("react/jsx-runtime").JSX.Element;
 export default Echarts;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TableProps } from "antd";
 import { Rule } from "antd/es/form";
 import { ColumnType } from "antd/es/table";
@@ -14,5 +13,5 @@ export interface EditTableProps<RecordType> extends Omit<TableProps<RecordType>,
     columns: ColumnsType<RecordType>[];
     onChange?: (row: RecordType) => void;
 }
-declare function EditTable<DataType extends object = any>(props: EditTableProps<DataType>): JSX.Element;
+declare function EditTable<DataType extends object = any>(props: EditTableProps<DataType>): import("react/jsx-runtime").JSX.Element;
 export default EditTable;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TableProps } from "antd";
 import { ColumnType } from "antd/es/table";
 import { CreateFormProps } from "../CreateForm";
@@ -14,5 +13,5 @@ export interface SearchTableProps<RecordType> {
     searchProps?: CreateFormProps;
     tableProps?: MTableProps<RecordType>;
 }
-declare function SearchTable<RecordType extends object = any>(props: SearchTableProps<RecordType>): JSX.Element;
+declare function SearchTable<RecordType extends object = any>(props: SearchTableProps<RecordType>): import("react/jsx-runtime").JSX.Element;
 export default SearchTable;

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

@@ -10,5 +10,5 @@ export interface UploadFileProps extends UploadProps {
         limit?: number;
     };
 }
-declare const UploadFile: (props: UploadFileProps) => JSX.Element;
+declare const UploadFile: (props: UploadFileProps) => import("react/jsx-runtime").JSX.Element;
 export default UploadFile;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { EditTableProps } from "../EditTable";
-declare function VirtualTable<DataType extends object = any>(props: EditTableProps<DataType>): JSX.Element;
+declare function VirtualTable<DataType extends object = any>(props: EditTableProps<DataType>): import("react/jsx-runtime").JSX.Element;
 export default VirtualTable;

package/lib/components/common/403.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const NoPermissions: () => JSX.Element;
+declare const NoPermissions: () => import("react/jsx-runtime").JSX.Element;
 export default NoPermissions;

package/lib/components/common/404.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const NotFound: () => JSX.Element;
+declare const NotFound: () => import("react/jsx-runtime").JSX.Element;
 export default NotFound;

package/lib/hooks/useCaptcha.d.ts

@@ -0,0 +1,11 @@
+interface useCaptchaProps {
+    request: () => Promise<any>;
+    imgKey?: string;
+}
+export default function useCaptcha(props: useCaptchaProps): {
+    data: any;
+    renderCaptcha: () => import("react/jsx-runtime").JSX.Element;
+    loading: any;
+    refresh: any;
+};
+export {};

package/lib/hooks/useCaptcha.js

@@ -0,0 +1,21 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const icons = require("@ant-design/icons");
+const ahooks = require("ahooks");
+const antd = require("antd");
+const _ = require("lodash");
+function useCaptcha(props) {
+  const { imgKey = "Img" } = props;
+  const { data, loading, error, refresh } = ahooks.useRequest(props.request, {
+    ready: true,
+    retryCount: 3
+  });
+  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("img", { src: _.get(data, [imgKey]), style: { height: "100%", objectFit: "contain", cursor: "pointer" }, onClick: refresh });
+  };
+  return { data, renderCaptcha, loading, refresh };
+}
+module.exports = useCaptcha;

package/lib/hooks/useRemember.d.ts

@@ -0,0 +1,9 @@
+interface UseRememberProps {
+    secertKey: string;
+    storageKey: string;
+}
+export default function useRemember(props: UseRememberProps): {
+    onParse: (cb: (value: any) => void) => void;
+    onSave: (data: any) => void;
+};
+export {};

package/lib/hooks/useRemember.js

@@ -0,0 +1,32 @@
+"use strict";
+const CryptoJS = require("crypto-js");
+const utils = require("../utils");
+function useRemember(props) {
+  const { secertKey, storageKey } = props;
+  const onSave = (data) => {
+    const value = CryptoJS.AES.encrypt(
+      JSON.stringify({
+        ...data,
+        timestamp: Date.now()
+      }),
+      secertKey
+    );
+    utils.setLocalStorage(storageKey, value.toString());
+  };
+  const onParse = (cb) => {
+    const values = localStorage.getItem(storageKey);
+    if (!values) {
+      cb(null);
+      return;
+    }
+    const bytes = CryptoJS.AES.decrypt(values, secertKey);
+    try {
+      const result = JSON.parse(bytes.toString(CryptoJS.enc.Utf8));
+      cb(result);
+    } catch (error) {
+      cb(null);
+    }
+  };
+  return { onParse, onSave };
+}
+module.exports = useRemember;

package/lib/main.d.ts

@@ -11,5 +11,7 @@ import * as fileType from "./utils/filetype";
 import * as FormRules from './utils/formRules';
 import * as utils from "./utils/index";
 import * as verfyCode from "./utils/verify-code";
+import useCaptcha from "./hooks/useCaptcha";
 import useChangePwd from "./hooks/useChangePwd";
-export { AuthButton, BackHeader, CoralButton, CreateForm, EditTable, FormRules, SearchTable, UploadFile, download, fileType, showWorkFlow, useChangePwd, utils, verfyCode };
+import useRemember from "./hooks/useRemember";
+export { AuthButton, BackHeader, CoralButton, CreateForm, EditTable, FormRules, SearchTable, UploadFile, download, fileType, showWorkFlow, useCaptcha, useChangePwd, useRemember, utils, verfyCode };

package/lib/main.js

@@ -13,7 +13,9 @@ const filetype = require("./utils/filetype");
 const formRules = require("./utils/formRules");
 const index = require("./utils/index");
 const verifyCode = require("./utils/verify-code");
+const useCaptcha = require("./hooks/useCaptcha");
 const useChangePwd = require("./hooks/useChangePwd");
+const useRemember = require("./hooks/useRemember");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -48,4 +50,6 @@ exports.fileType = filetype__namespace;
 exports.FormRules = formRules__namespace;
 exports.utils = index__namespace;
 exports.verfyCode = verifyCode__namespace;
+exports.useCaptcha = useCaptcha;
 exports.useChangePwd = useChangePwd;
+exports.useRemember = useRemember;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "szld-libs",
   "private": false,
-  "version": "0.2.13",
+  "version": "0.2.14",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -11,6 +11,7 @@
   "dependencies": {
     "ahooks": "^3.7.4",
     "antd": "^5.12.2",
+    "crypto-js": "^4.2.0",
     "lodash": "^4.17.21",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -18,10 +19,11 @@
     "react-window": "^1.8.9"
   },
   "devDependencies": {
+    "@types/crypto-js": "^4.2.1",
     "@types/lodash": "^4.14.191",
     "@types/node": "^18.11.15",
-    "@types/react": "^18.0.26",
-    "@types/react-dom": "^18.0.9",
+    "@types/react": "^18.2.45",
+    "@types/react-dom": "^18.2.18",
     "@types/react-window": "^1.8.5",
     "@vitejs/plugin-react": "^3.0.0",
     "less": "^4.1.3",