@tiny-codes/react-easy 1.0.0

package/lib/components/ModalAction/index.js

@@ -0,0 +1,259 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { Button, Form, Modal, Switch, Typography } from 'antd';
+import { isForwardRef } from 'react-is';
+import useValidateContext from '../../hooks/useValidateContext';
+/**
+ * **EN:** Symbol for not closing the dialog when submitting the form, which takes effect when
+ * returning in the `onSave` event of the editing form component
+ *
+ * **CN:** 提交表单时不关闭弹框的Symbol，在编辑表单组件的`onSave`事件中返回时生效
+ */
+export const SubmitWithoutClosingSymbol = Symbol('[SubmitWithoutClose]');
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const genModalActionRenderer = (defaultProps) => {
+    const ModalActionRenderer = (props, ref) => {
+        var _a;
+        const [userModalProps, setUserModalProps] = useState({});
+        let mergedProps = mergeProps(defaultProps, props);
+        mergedProps = mergeProps(mergedProps, userModalProps);
+        const { formComp, formProps, triggerComponent: Trigger = Button, triggerEvent = 'onClick', triggerProps, open: openInProps, destroyOnClose = true, maskClosable = false, onOk, afterOk, onCancel, onClose, children } = mergedProps, restProps = __rest(mergedProps, ["formComp", "formProps", "triggerComponent", "triggerEvent", "triggerProps", "open", "destroyOnClose", "maskClosable", "onOk", "afterOk", "onCancel", "onClose", "children"]);
+        useValidateContext();
+        const FormComp = formComp;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const triggerEventArgsRef = useRef(undefined);
+        const [open, setOpen] = useState(false);
+        const saveFuncRef = useRef(undefined);
+        const [isSaving, setIsSaving] = useState(false);
+        const [formCompRef, setFormCompRef] = useState(null);
+        const [form, setForm] = useState();
+        const formRef = useRef(form);
+        formRef.current = form;
+        const destroyOnCloseRef = useRef(destroyOnClose);
+        destroyOnCloseRef.current = destroyOnClose;
+        const openListenerRef = useRef(undefined);
+        // Listen to the open props changes
+        useEffect(() => {
+            if (openInProps) {
+                setOpen(openInProps);
+            }
+        }, [openInProps]);
+        // Reset the form after closed
+        useEffect(() => {
+            if (!destroyOnCloseRef.current && open && formRef.current) {
+                formRef.current.resetFields();
+            }
+        }, [open]);
+        // Show the dialog
+        const showModal = useCallback(() => {
+            var _a;
+            setOpen(true);
+            (_a = openListenerRef.current) === null || _a === void 0 ? void 0 : _a.call(openListenerRef, true);
+        }, []);
+        // Hide the dialog
+        const hideModal = useCallback(() => {
+            var _a;
+            setOpen(false);
+            (_a = openListenerRef.current) === null || _a === void 0 ? void 0 : _a.call(openListenerRef, false);
+        }, []);
+        // Set the dialog status listener
+        const setOpenListener = useCallback((listener) => {
+            var _a;
+            openListenerRef.current = listener;
+            // Call once when initialized
+            (_a = openListenerRef.current) === null || _a === void 0 ? void 0 : _a.call(openListenerRef, open);
+        }, [open]);
+        // Receive the onSave callback method passed by the form component
+        const setOnSaveHandler = useCallback((handler) => {
+            saveFuncRef.current = handler;
+        }, []);
+        // Set the dialog status and trigger the onOpenChange event of the form component
+        const handleSetOpen = useCallback((open) => {
+            var _a;
+            setOpen(open);
+            (_a = openListenerRef.current) === null || _a === void 0 ? void 0 : _a.call(openListenerRef, open);
+        }, []);
+        // Output ref
+        useImperativeHandle(ref, () => (Object.assign(Object.assign({}, formCompRef), { show: showModal })), [
+            formCompRef,
+            showModal,
+        ]);
+        // Render the trigger component
+        return (_jsxs(_Fragment, { children: [_jsx(Trigger, Object.assign({}, triggerProps, (triggerEvent
+                    ? {
+                        [triggerEvent]: (...args) => {
+                            triggerEventArgsRef.current = args;
+                            showModal();
+                            if (triggerProps && typeof triggerProps[triggerEvent] === 'function') {
+                                triggerProps[triggerEvent](...args);
+                            }
+                        },
+                    }
+                    : {}), { children: (_a = triggerProps.children) !== null && _a !== void 0 ? _a : children })), _jsxs(Modal, Object.assign({ open: open, confirmLoading: isSaving, destroyOnClose: destroyOnClose, maskClosable: maskClosable, onOk: (e) => __awaiter(void 0, void 0, void 0, function* () {
+                        var _a, _b, _c, _d;
+                        let formData;
+                        try {
+                            formData = (yield (form === null || form === void 0 ? void 0 : form.validateFields()));
+                        }
+                        catch (e) {
+                            // Validation error, should not throw error
+                            return;
+                        }
+                        if (Object.keys(formData).length === 0) {
+                            console.warn('form.getFieldsValue() is empty. Please use the form instance passed to formComp instead of creating the form instance yourself.');
+                        }
+                        try {
+                            setIsSaving(true);
+                            // First call onSave of the form component
+                            let result = yield ((_a = saveFuncRef.current) === null || _a === void 0 ? void 0 : _a.call(saveFuncRef, formData, ...((_b = triggerEventArgsRef.current) !== null && _b !== void 0 ? _b : [])));
+                            // The onSave of the form component has the ability to prevent the dialog from closing
+                            if (result === SubmitWithoutClosingSymbol) {
+                                throw new Error('SubmitWithoutClosing');
+                            }
+                            // Then call onOk of the dialog, support asynchronous, and will pass the return value of onSave, if any
+                            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                            result = yield (onOk === null || onOk === void 0 ? void 0 : onOk((_c = result) !== null && _c !== void 0 ? _c : formData, ...((_d = triggerEventArgsRef.current) !== null && _d !== void 0 ? _d : [])));
+                            // onOk also has the ability to prevent the dialog from closing
+                            if (result === SubmitWithoutClosingSymbol) {
+                                throw new Error('SubmitWithoutClosing');
+                            }
+                            // If onOK is successful, close the dialog and trigger the afterOk event
+                            hideModal();
+                            afterOk === null || afterOk === void 0 ? void 0 : afterOk(result);
+                        }
+                        catch (error) {
+                            console.error(error);
+                        }
+                        finally {
+                            setIsSaving(false);
+                        }
+                    }), onCancel: (e) => __awaiter(void 0, void 0, void 0, function* () {
+                        hideModal();
+                        onCancel === null || onCancel === void 0 ? void 0 : onCancel(e);
+                    }), onClose: (e) => {
+                        hideModal();
+                        onClose === null || onClose === void 0 ? void 0 : onClose(e);
+                    } }, restProps, { children: [_jsx(FormCreator, { onCreate: setForm }), form && (_jsx(FormComp, Object.assign({ ref: isForwardRef(FormComp) ? setFormCompRef : undefined }, formProps, { form: form, onOpenChange: setOpenListener, onSave: setOnSaveHandler, triggerEventData: triggerEventArgsRef.current, setOpen: handleSetOpen, updateModalProps: setUserModalProps })))] }))] }));
+    };
+    return ModalActionRenderer;
+};
+function mergeProps(first, second) {
+    return Object.assign(Object.assign(Object.assign({}, first), second), { okButtonProps: Object.assign(Object.assign({}, first === null || first === void 0 ? void 0 : first.okButtonProps), second === null || second === void 0 ? void 0 : second.okButtonProps), cancelButtonProps: Object.assign(Object.assign({}, first === null || first === void 0 ? void 0 : first.cancelButtonProps), second === null || second === void 0 ? void 0 : second.cancelButtonProps), bodyProps: Object.assign(Object.assign({}, first === null || first === void 0 ? void 0 : first.bodyProps), second === null || second === void 0 ? void 0 : second.bodyProps), maskProps: Object.assign(Object.assign({}, first === null || first === void 0 ? void 0 : first.maskProps), second === null || second === void 0 ? void 0 : second.maskProps), wrapProps: Object.assign(Object.assign({}, first === null || first === void 0 ? void 0 : first.wrapProps), second === null || second === void 0 ? void 0 : second.wrapProps), triggerProps: Object.assign(Object.assign(Object.assign({}, first === null || first === void 0 ? void 0 : first.triggerProps), second === null || second === void 0 ? void 0 : second.triggerProps), { style: Object.assign(Object.assign({}, ((first === null || first === void 0 ? void 0 : first.triggerProps) && 'style' in first.triggerProps && typeof first.triggerProps.style === 'object'
+                ? first.triggerProps.style
+                : {})), ((second === null || second === void 0 ? void 0 : second.triggerProps) && 'style' in second.triggerProps && typeof second.triggerProps.style === 'object'
+                ? second.triggerProps.style
+                : {})) }) });
+}
+function FormCreator(props) {
+    const { onCreate } = props;
+    const onCreateRef = useRef(onCreate);
+    onCreateRef.current = onCreate;
+    const [form] = Form.useForm();
+    // output ref
+    useEffect(() => {
+        onCreateRef.current(form);
+        return () => {
+            onCreateRef.current(undefined);
+        };
+    }, [form]);
+    return null;
+}
+/**
+ * **EN:** Add default properties to the ModalAction component
+ *
+ * **CN:** 给ModalAction组件添加默认属性
+ *
+ * @param WrappedComponent ModalAction component | ModalAction组件
+ * @param defaultProps Default properties | 默认属性
+ */
+export const withDefaultModalActionProps = (WrappedComponent, defaultProps) => {
+    const WithDefaultProps = forwardRef((props, ref) => {
+        const useDefaultProps = typeof defaultProps === 'function' ? defaultProps : () => defaultProps;
+        const defaults = useDefaultProps();
+        const mergedProps = mergeProps(defaults, props);
+        WithDefaultProps.displayName = 'ForwardedRef(WithDefaultProps)';
+        return _jsx(WrappedComponent, Object.assign({ ref: ref }, mergedProps));
+    });
+    return WithDefaultProps;
+};
+const renderModalAction = genModalActionRenderer({});
+const forwardedModalAction = forwardRef(renderModalAction);
+forwardedModalAction.displayName = 'ForwardedRef(ModalAction)';
+/**
+ * **EN:** Add trigger types to the ModalAction component
+ *
+ * **CN:** 给ModalAction组件添加子触发器类型
+ */
+const addTriggers = (comp) => {
+    const patchedComp = comp;
+    // Type of button trigger
+    patchedComp.Button = withDefaultModalActionProps(comp, {
+        triggerComponent: Button,
+        triggerEvent: 'onClick',
+        triggerProps: {},
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    });
+    // Type of switch trigger
+    patchedComp.Switch = withDefaultModalActionProps(comp, {
+        triggerComponent: Switch,
+        triggerEvent: 'onChange',
+        triggerProps: {},
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    );
+    // Type of link trigger
+    patchedComp.Link = withDefaultModalActionProps(comp, {
+        triggerComponent: Typography.Link,
+        triggerEvent: 'onClick',
+        triggerProps: {
+            style: { whiteSpace: 'nowrap' },
+        },
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    });
+    return patchedComp;
+};
+/**
+ * **EN:** Dialog component with trigger
+ *
+ * **CN:** 带触发器的弹窗组件
+ */
+const ModalAction = addTriggers(forwardedModalAction);
+ModalAction.SubmitWithoutClosing = SubmitWithoutClosingSymbol;
+/**
+ * **EN:** Generate a dialog component based on the editing form component
+ *
+ * **CN:** 基于编辑表单组件生成一个弹框组件
+ *
+ * @param formComp Component of dialog content | 弹窗内容组件
+ * @param defaultProps Default properties of the dialog | 弹窗的默认属性
+ */
+export function withModalAction(formComp, defaultProps) {
+    const withForm = withDefaultModalActionProps(forwardedModalAction, () => {
+        const useDefaultProps = typeof defaultProps === 'function' ? defaultProps : () => defaultProps;
+        const defaults = useDefaultProps();
+        return Object.assign({ formComp }, defaults);
+    });
+    return addTriggers(withForm);
+}
+export default ModalAction;
+//# sourceMappingURL=index.js.map

package/lib/components/ModalAction/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ModalAction/index.tsx"],"names":[],"mappings":"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"}

package/lib/components/index.d.ts

@@ -0,0 +1,9 @@
+export * from './ConfigProvider';
+export { default as ConfigProvider } from './ConfigProvider';
+export type { ConfirmActionProps, ConfirmActionTrigger, ConfirmActionRef } from './ConfirmAction';
+export { withDefaultConfirmActionProps } from './ConfirmAction';
+export { default as ConfirmAction } from './ConfirmAction';
+export { default as DeleteConfirmAction } from './DeleteConfirmAction';
+export type { ModalActionProps, FormCompPropsConstraint, ModalActionTrigger, ModalActionRef } from './ModalAction';
+export { withDefaultModalActionProps, withModalAction } from './ModalAction';
+export { default as ModalAction } from './ModalAction';

package/lib/components/index.js

@@ -0,0 +1,9 @@
+export * from './ConfigProvider';
+export { default as ConfigProvider } from './ConfigProvider';
+export { withDefaultConfirmActionProps } from './ConfirmAction';
+export { default as ConfirmAction } from './ConfirmAction';
+// export * from './DeleteConfirmAction';
+export { default as DeleteConfirmAction } from './DeleteConfirmAction';
+export { withDefaultModalActionProps, withModalAction } from './ModalAction';
+export { default as ModalAction } from './ModalAction';
+//# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAG7D,OAAO,EAAE,6BAA6B,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE3D,yCAAyC;AACzC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAGvE,OAAO,EAAE,2BAA2B,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/lib/hooks/index.d.ts

@@ -0,0 +1 @@
+export { default as useRefFunction } from './useRefFunction';

package/lib/hooks/index.js

@@ -0,0 +1,2 @@
+export { default as useRefFunction } from './useRefFunction';
+//# sourceMappingURL=index.js.map

package/lib/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/hooks/useLocalizedText.d.ts

@@ -0,0 +1,11 @@
+import { type AntHelperContextProps } from '../components/ConfigProvider/context';
+/**
+ * A custom hook that converts input content to localized text using the localize method from
+ * AntdHelperContext
+ *
+ * @param content - The content to be localized
+ *
+ * @returns The localized text
+ */
+declare const useLocalizedText: NonNullable<AntHelperContextProps['localize']>;
+export default useLocalizedText;

package/lib/hooks/useLocalizedText.js

@@ -0,0 +1,16 @@
+import { useContext } from 'react';
+import AntdHelperContext from '../components/ConfigProvider/context';
+/**
+ * A custom hook that converts input content to localized text using the localize method from
+ * AntdHelperContext
+ *
+ * @param content - The content to be localized
+ *
+ * @returns The localized text
+ */
+const useLocalizedText = (content, args) => {
+    const { localize } = useContext(AntdHelperContext);
+    return localize ? localize(content, args) : content;
+};
+export default useLocalizedText;
+//# sourceMappingURL=useLocalizedText.js.map

package/lib/hooks/useLocalizedText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocalizedText.js","sourceRoot":"","sources":["../../src/hooks/useLocalizedText.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,iBAAiD,MAAM,sCAAsC,CAAC;AAErG;;;;;;;GAOG;AACH,MAAM,gBAAgB,GAAmD,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IACzF,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACnD,OAAO,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAE,OAAqB,CAAC;AACrE,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/hooks/useRefFunction.d.ts

@@ -0,0 +1,13 @@
+/**
+ * **EN:** Generate an immutable function reference, the dependencies inside the function will be
+ * updated in real time, but the function itself will not change, which is very useful when used as
+ * a dependency of `useEffect`.
+ *
+ * **CN:** 生成一个引用不可变的函数，函数内部的依赖项会保持实时更新，但函数本身不会变化，在作为 `useEffect` 的依赖时非常有用
+ *
+ * @param fn Function body | 函数体
+ *
+ * @returns An function with immutable reference | 引用不可变的函数
+ */
+declare const useRefFunction: <T extends (...args: any[]) => any>(fn: T | undefined) => T;
+export default useRefFunction;

package/lib/hooks/useRefFunction.js

@@ -0,0 +1,22 @@
+import { useCallback, useRef } from 'react';
+/**
+ * **EN:** Generate an immutable function reference, the dependencies inside the function will be
+ * updated in real time, but the function itself will not change, which is very useful when used as
+ * a dependency of `useEffect`.
+ *
+ * **CN:** 生成一个引用不可变的函数，函数内部的依赖项会保持实时更新，但函数本身不会变化，在作为 `useEffect` 的依赖时非常有用
+ *
+ * @param fn Function body | 函数体
+ *
+ * @returns An function with immutable reference | 引用不可变的函数
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const useRefFunction = (fn) => {
+    const ref = useRef(fn);
+    ref.current = fn;
+    // eslint-disable-next-line eslint-comments/no-restricted-disable
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    return useCallback(((...args) => { var _a; return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.call(ref, ...args); }), []);
+};
+export default useRefFunction;
+//# sourceMappingURL=useRefFunction.js.map

package/lib/hooks/useRefFunction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRefFunction.js","sourceRoot":"","sources":["../../src/hooks/useRefFunction.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;;;;;;GAUG;AACH,8DAA8D;AAC9D,MAAM,cAAc,GAAG,CAAoC,EAAiB,EAAE,EAAE;IAC9E,MAAM,GAAG,GAAG,MAAM,CAAgB,EAAE,CAAC,CAAC;IACtC,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;IACjB,iEAAiE;IACjE,uDAAuD;IACvD,OAAO,WAAW,CAAC,CAAC,CAAC,GAAG,IAAW,EAAE,EAAE,WAAC,OAAA,MAAA,GAAG,CAAC,OAAO,oDAAG,GAAG,IAAI,CAAC,CAAA,EAAA,CAAM,EAAE,EAAE,CAAC,CAAC;AAC5E,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/hooks/useValidateContext.d.ts

@@ -0,0 +1,2 @@
+declare const useValidateContext: () => import("../components/ConfigProvider/context").AntHelperContextProps;
+export default useValidateContext;

package/lib/hooks/useValidateContext.js

@@ -0,0 +1,16 @@
+import { useContext } from 'react';
+import AntHelperContext, { defaultContextValue } from '../components/ConfigProvider/context';
+const useValidateContext = () => {
+    const context = useContext(AntHelperContext);
+    if (!context || context === defaultContextValue) {
+        console.warn(`ConfigProvider should be wrapped outside of any components of @tiny-codes/react-easy!
+
+import { ConfigProvider } from '@tiny-codes/react-easy';
+<ConfigProvider>
+  <App />
+</ConfigProvider>`);
+    }
+    return context;
+};
+export default useValidateContext;
+//# sourceMappingURL=useValidateContext.js.map

package/lib/hooks/useValidateContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValidateContext.js","sourceRoot":"","sources":["../../src/hooks/useValidateContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,gBAAgB,EAAE,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAE7F,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC7C,IAAI,CAAC,OAAO,IAAI,OAAO,KAAK,mBAAmB,EAAE,CAAC;QAChD,OAAO,CAAC,IAAI,CACV;;;;;kBAKY,CACb,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './hooks';

package/lib/index.js

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './hooks';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@tiny-codes/react-easy",
+  "version": "1.0.0",
+  "description": "Helps you use React and AntDesign more easily",
+  "keywords": [
+    "react",
+    "antd",
+    "ant-design",
+    "hoc",
+    "hooks"
+  ],
+  "homepage": "https://github.com/shijistar/react-easy#readme",
+  "bugs": {
+    "url": "https://github.com/shijistar/react-easy/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/shijistar/react-easy.git"
+  },
+  "license": "MIT",
+  "author": "李凤宝(Leo) <shijistar@gmail.com>",
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "types": "lib/index.d.ts",
+  "files": [
+    "lib",
+    "es",
+    "CHANGELOG.md"
+  ],
+  "scripts": {
+    "prepare": "husky",
+    "build:es": "tsc -p tsconfig.es.json",
+    "build": "run-p build:lib build:es",
+    "build:lib": "tsc -p tsconfig.lib.json",
+    "build:test": "tsc -p tsconfig.test.json",
+    "test": "#jest",
+    "prepublishOnly": "npm run test && npm run build"
+  },
+  "devDependencies": {
+    "@tiny-codes/code-style-all-in-one": "^1.0.0",
+    "@types/jest": "^29.5.14",
+    "@types/node": "^22.13.1",
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.0.3",
+    "@types/react-is": "^19.0.0",
+    "antd": "^5.23.4",
+    "father": "^4.5.2",
+    "jest": "^29.7.0",
+    "npm-run-all2": "^7.0.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-is": "^19.0.0",
+    "ts-jest": "^29.2.5",
+    "typescript": "^5.7.3"
+  },
+  "peerDependencies": {
+    "antd": ">=5.1.0",
+    "react": ">=16.8.0",
+    "react-is": ">=16.8.0"
+  }
+}