@fairys/taro-tools-react 1.0.16 → 1.0.18

package/esm/components/MainPage/index.d.ts

@@ -1,6 +1,9 @@
-import { ViewProps } from '@tarojs/components';
+import { ViewProps, ScrollViewProps } from '@tarojs/components';
 export interface FairysTaroMainPageProps extends ViewProps {
 }
+/**
+ * 主页面（如果外部使用scroll-view组件，需要设置高度，否则内容会出现滚动）
+ */
 export declare const FairysTaroMainPage: (props: FairysTaroMainPageProps) => import("react/jsx-runtime").JSX.Element;
 /**查询*/
 export declare const FairysTaroMainPageSearch: (props: FairysTaroMainPageProps) => import("react/jsx-runtime").JSX.Element;
@@ -8,3 +11,15 @@ export declare const FairysTaroMainPageSearch: (props: FairysTaroMainPageProps)
 export declare const FairysTaroMainPageBody: (props: FairysTaroMainPageProps) => import("react/jsx-runtime").JSX.Element;
 /**底部*/
 export declare const FairysTaroMainPageFooter: (props: FairysTaroMainPageProps) => import("react/jsx-runtime").JSX.Element;
+export interface FairysTaroMainPageScrollViewProps extends ScrollViewProps {
+    /**下拉刷新状态*/
+    refresherStatus?: boolean;
+    /**是否还有更多数据*/
+    hasMore?: boolean;
+    /**加载更多文本*/
+    loadMoreText?: React.ReactNode;
+}
+/**
+ * 主页面滚动视图
+ */
+export declare const FairysTaroMainPageScrollView: (props: FairysTaroMainPageScrollViewProps) => import("react/jsx-runtime").JSX.Element;

package/esm/components/MainPage/index.js

@@ -1,7 +1,7 @@
-import { jsx } from "react/jsx-runtime";
-import { View } from "@tarojs/components";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ScrollView, View } from "@tarojs/components";
 import clsx from "clsx";
-import { useMemo } from "react";
+import { Fragment, useMemo } from "react";
 const FairysTaroMainPage = (props)=>{
     const { className: itemClassName, children, ...rest } = props;
     const cls = useMemo(()=>clsx('fairys_taro-ui-main-page fairystaro__box-border fairystaro__w-full fairystaro__h-full fairystaro__flex fairystaro__flex-col fairystaro__overflow-auto', itemClassName), [
@@ -46,4 +46,29 @@ const FairysTaroMainPageFooter = (props)=>{
         children: children
     });
 };
-export { FairysTaroMainPage, FairysTaroMainPageBody, FairysTaroMainPageFooter, FairysTaroMainPageSearch };
+const FairysTaroMainPageScrollView = (props)=>{
+    const { className: itemClassName, children, refresherStatus, hasMore = true, loadMoreText, onScrollToLower, ...rest } = props;
+    const cls = useMemo(()=>clsx('fairys_taro-ui-main-page-scroll-view fairystaro__box-border fairystaro__w-screen fairystaro__h-screen', itemClassName), [
+        itemClassName
+    ]);
+    return /*#__PURE__*/ jsxs(ScrollView, {
+        scrollY: true,
+        refresherEnabled: true,
+        enhanced: true,
+        usingSticky: true,
+        refresherTriggered: refresherStatus,
+        className: cls,
+        ...rest,
+        onScrollToLower: (...args)=>{
+            if (hasMore) onScrollToLower?.(...args);
+        },
+        children: [
+            children,
+            loadMoreText ? /*#__PURE__*/ jsx(View, {
+                className: "fairys_taro-ui-main-page-scroll-view-load-more",
+                children: loadMoreText
+            }) : /*#__PURE__*/ jsx(Fragment, {})
+        ]
+    });
+};
+export { FairysTaroMainPage, FairysTaroMainPageBody, FairysTaroMainPageFooter, FairysTaroMainPageScrollView, FairysTaroMainPageSearch };

package/esm/context/page.data.instance.d.ts

@@ -2,6 +2,10 @@ import { ProxyInstanceObjectBase } from '../utils/valtio/instance';
 export interface PageDataInstanceState extends Record<string, any> {
     /**loading存储*/
     loading?: Record<string, boolean>;
+    /**下拉刷新状态*/
+    refresherStatus?: boolean;
+    /**上拉加载*/
+    loadMoreStatus?: boolean;
     /**当前页*/
     page?: number;
     /**分页数*/
@@ -37,6 +41,10 @@ export interface PageDataInstanceState extends Record<string, any> {
         query?: Record<string, any>;
         [s: string]: any;
     }[];
+    /**tab多页签下拉刷新状态*/
+    tabRefresherStatus?: Record<string, boolean>;
+    /**tab多页签上拉加载状态*/
+    tabLoadMoreStatus?: Record<string, boolean>;
     /**是否是tab多页签*/
     isTabs?: boolean;
     /**是否展开查询条件*/
@@ -84,7 +92,11 @@ export declare class PageDataInstance<T extends PageDataInstanceState = PageData
     updatedSearch: (value?: Record<string, any>) => void;
     /**更新页面级的 pageLoading */
     updatedPageLoading: (loading?: boolean) => void;
-    /**更新页面级的 loadMore */
+    /**
+     * 更新加载状态对象
+     *
+     * @param value - 包含页面键和对应加载状态的键值对对象
+     */
     updatedLoading: (value: Record<string, boolean>) => void;
     /**内置——查询列表*/
     main_getList: () => Promise<void>;

package/esm/context/page.data.instance.js

@@ -30,6 +30,10 @@ class page_data_instance_PageDataInstance extends ProxyInstanceObjectBase {
         loading: {
             pageLoading: false
         },
+        tabRefresherStatus: {},
+        refresherStatus: false,
+        loadMoreStatus: false,
+        tabLoadMoreStatus: {},
         hasLastPage: false
     };
     store = proxy({
@@ -126,6 +130,16 @@ class page_data_instance_PageDataInstance extends ProxyInstanceObjectBase {
                 page: this.store[pageField] || 1,
                 pageSize: this.store[pageSizeField] || this.store.defaultPageSize || 20
             };
+            if (1 === payload.page) if (this.store.isTabs) {
+                const tabKey = this.store.tabKey;
+                if (!this.store.tabRefresherStatus) this.store.tabRefresherStatus = {};
+                this.store.tabRefresherStatus[tabKey] = true;
+            } else this.store.refresherStatus = true;
+            else if (this.store.isTabs) {
+                const tabKey = this.store.tabKey;
+                if (!this.store.tabLoadMoreStatus) this.store.tabLoadMoreStatus = {};
+                this.store.tabLoadMoreStatus[tabKey] = true;
+            } else this.store.loadMoreStatus = true;
             let newParams = this.formateParams({
                 ...payload
             });
@@ -167,6 +181,16 @@ class page_data_instance_PageDataInstance extends ProxyInstanceObjectBase {
             this.store.loading.loadMore = false;
             this.updatedPageLoading(false);
         }
+        if (this.store.isTabs) {
+            const tabKey = this.store.tabKey;
+            if (!this.store.tabRefresherStatus) this.store.tabRefresherStatus = {};
+            if (!this.store.tabLoadMoreStatus) this.store.tabLoadMoreStatus = {};
+            this.store.tabLoadMoreStatus[tabKey] = false;
+            this.store.tabRefresherStatus[tabKey] = false;
+        } else {
+            this.store.refresherStatus = false;
+            this.store.loadMoreStatus = false;
+        }
         taro.hideLoading();
     };
     main_onPageChange = (page)=>{

package/esm/context/page.info.data.instance.d.ts

@@ -8,6 +8,8 @@ export interface PageInfoDataInstanceState extends Record<string, any> {
     editType?: 'add' | 'edit' | 'info';
     /**查询详情是否成功*/
     isInfoSuccess?: boolean;
+    /**下拉刷新状态*/
+    refresherStatus?: boolean;
     /**数据默认值不使用*/
     __defaultValue?: string;
 }

package/esm/context/page.info.data.instance.js

@@ -14,6 +14,7 @@ class page_info_data_instance_PageInfoDataInstance extends ProxyInstanceObjectBa
         editType: 'add',
         editFormData: external_valtio_ref({}),
         isInfoSuccess: false,
+        refresherStatus: false,
         loading: {
             pageLoading: false
         }
@@ -56,6 +57,7 @@ class page_info_data_instance_PageInfoDataInstance extends ProxyInstanceObjectBa
         taro.showLoading({
             title: "\u52A0\u8F7D\u4E2D..."
         });
+        this.store.refresherStatus = true;
         try {
             this.updatedLoading(true);
             let newParams = {};
@@ -78,6 +80,7 @@ class page_info_data_instance_PageInfoDataInstance extends ProxyInstanceObjectBa
             console.log(error);
             this.updatedLoading(false);
         }
+        this.store.refresherStatus = false;
         taro.hideLoading();
     };
     main_saveInfo = async ()=>{

package/esm/styles/index.css

@@ -83,6 +83,10 @@
   height: 100%;
 }
 
+.fairystaro__h-screen {
+  height: 100vh;
+}
+
 .fairystaro__max-h-full {
   max-height: 100%;
 }
@@ -95,6 +99,10 @@
   width: 100%;
 }
 
+.fairystaro__w-screen {
+  width: 100vw;
+}
+
 .fairystaro__flex {
   display: flex;
 }

package/esm/utils/request.d.ts

@@ -41,11 +41,11 @@ export interface RequestInstanceCreateOptions {
         };
         dev: Record<string, string | {
             target: string;
-            pathRewrite: Record<string, string>;
+            pathRewrite?: Record<string, string>;
         }>;
         pro: Record<string, string | {
             target: string;
-            pathRewrite: Record<string, string>;
+            pathRewrite?: Record<string, string>;
         }>;
     };
     /**启用token校验*/

package/esm/utils/valtio/context.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export declare const ValtioContext: import("react").Context<any>;
+export declare function ValtioContextProvider<T>({ value, children }: {
+    value: T;
+    children?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useValtioContext<T>(): T;

package/esm/utils/valtio/context.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const ValtioContext = /*#__PURE__*/ createContext(void 0);
+function ValtioContextProvider({ value, children }) {
+    return /*#__PURE__*/ jsx(ValtioContext.Provider, {
+        value: value,
+        children: children
+    });
+}
+function useValtioContext() {
+    const context = useContext(ValtioContext);
+    if (!context) throw new Error('useValtioContext must be used within a ValtioContextProvider');
+    return context;
+}
+export { ValtioContext, ValtioContextProvider, useValtioContext };

package/esm/utils/valtio/index.d.ts

@@ -1,13 +1,14 @@
 import { ProxyInstanceObjectBase } from './instance';
 export * from './instance';
+export * from './context';
 /**创建简单的状态管理*/
-export declare const useValtioState: <T extends object>(inital?: T) => readonly [import("valtio").Snapshot<T>, ProxyInstanceObjectBase<T>, any];
+export declare const useValtioState: <T extends object>(inital?: T) => [T, ProxyInstanceObjectBase<T>, any];
 export declare const useValtioInstaceState: <T extends object = any, K extends ProxyInstanceObjectBase<T> = ProxyInstanceObjectBase<T>, M extends {
     new (...args: any[]): K;
 } = {
     new (...args: any[]): K;
-}>(Instance: M) => readonly [import("valtio").Snapshot<T>, K, any];
+}>(Instance: M) => [T, K, any];
 /**
  * 创建valtio proxy 状态管理
  */
-export declare const useValtioProxyState: <T extends object>(inital?: T) => readonly [import("valtio").Snapshot<T>, T, any];
+export declare const useValtioProxyState: <T extends object>(inital?: T) => [T, T, any];

package/esm/utils/valtio/index.js

@@ -1,9 +1,10 @@
 import { useRef } from "react";
 import { proxy, useSnapshot } from "valtio";
-import { ProxyInstanceObjectBase } from "./instance.js";
+import { useProxyInstanceObjectBase } from "./instance.js";
 export * from "./instance.js";
+export * from "./context.js";
 const useValtioState = (inital)=>{
-    const instance = useRef(new ProxyInstanceObjectBase()._ctor(inital)).current;
+    const instance = useProxyInstanceObjectBase(inital);
     const state = useSnapshot(instance.store);
     return [
         state,
@@ -11,8 +12,13 @@ const useValtioState = (inital)=>{
         state.__defaultValue
     ];
 };
+const usNewInstance = (Instance)=>{
+    const ref = useRef();
+    if (!ref.current) ref.current = new Instance();
+    return ref.current;
+};
 const useValtioInstaceState = (Instance)=>{
-    const instance = useRef(new Instance()).current;
+    const instance = usNewInstance(Instance);
     const state = useSnapshot(instance.store);
     return [
         state,
@@ -21,11 +27,12 @@ const useValtioInstaceState = (Instance)=>{
     ];
 };
 const useValtioProxyState = (inital)=>{
-    const instance = useRef(proxy(inital || {})).current;
-    const state = useSnapshot(instance);
+    const instance = useRef();
+    if (!instance.current) instance.current = proxy(inital || {});
+    const state = useSnapshot(instance.current);
     return [
         state,
-        instance,
+        instance.current,
         state.__defaultValue
     ];
 };

package/esm/utils/valtio/instance.d.ts

@@ -15,3 +15,7 @@ export declare class ProxyInstanceObjectBase<T extends Object = any> {
     /**创建 ref 对象 (ref对象不做监听更新)*/
     _createRef: <K extends Object = any>(inital?: K) => K;
 }
+/**
+ * 创建单个proxy对象数据基础实例封装
+ */
+export declare const useProxyInstanceObjectBase: <T extends object>(inital?: T) => ProxyInstanceObjectBase<T>;

package/esm/utils/valtio/instance.js

@@ -1,5 +1,5 @@
-import { proxy, ref } from "valtio";
-import react from "react";
+import { proxy, ref as external_valtio_ref } from "valtio";
+import react, { useRef } from "react";
 class ProxyInstanceObjectBase {
     notRefFields = [];
     store = proxy({});
@@ -13,8 +13,8 @@ class ProxyInstanceObjectBase {
             const value = values[key];
             if (Array.isArray(fields) && fields.includes(key)) this.store[key] = values[key];
             else if (Array.isArray(this.notRefFields) && this.notRefFields.includes(key)) this.store[key] = value;
-            else if (react.isValidElement(value) || 'function' == typeof value) this.store[key] = ref(values[key]);
-            else if ('object' == typeof value && null !== value) this.store[key] = ref(values[key]);
+            else if (react.isValidElement(value) || 'function' == typeof value) this.store[key] = external_valtio_ref(values[key]);
+            else if ('object' == typeof value && null !== value) this.store[key] = external_valtio_ref(values[key]);
             else this.store[key] = values[key];
         });
         return this;
@@ -31,6 +31,11 @@ class ProxyInstanceObjectBase {
         } else delete this.store[names];
         return this;
     };
-    _createRef = (inital)=>ref(inital || {});
+    _createRef = (inital)=>external_valtio_ref(inital || {});
 }
-export { ProxyInstanceObjectBase };
+const useProxyInstanceObjectBase = (inital)=>{
+    const ref = useRef();
+    if (!ref.current) ref.current = new ProxyInstanceObjectBase()._ctor(inital);
+    return ref.current;
+};
+export { ProxyInstanceObjectBase, useProxyInstanceObjectBase };

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

@@ -1,6 +1,9 @@
-import { ViewProps } from '@tarojs/components';
+import { ViewProps, ScrollViewProps } from '@tarojs/components';
 export interface FairysTaroMainPageProps extends ViewProps {
 }
+/**
+ * 主页面（如果外部使用scroll-view组件，需要设置高度，否则内容会出现滚动）
+ */
 export declare const FairysTaroMainPage: (props: FairysTaroMainPageProps) => import("react/jsx-runtime").JSX.Element;
 /**查询*/
 export declare const FairysTaroMainPageSearch: (props: FairysTaroMainPageProps) => import("react/jsx-runtime").JSX.Element;
@@ -8,3 +11,15 @@ export declare const FairysTaroMainPageSearch: (props: FairysTaroMainPageProps)
 export declare const FairysTaroMainPageBody: (props: FairysTaroMainPageProps) => import("react/jsx-runtime").JSX.Element;
 /**底部*/
 export declare const FairysTaroMainPageFooter: (props: FairysTaroMainPageProps) => import("react/jsx-runtime").JSX.Element;
+export interface FairysTaroMainPageScrollViewProps extends ScrollViewProps {
+    /**下拉刷新状态*/
+    refresherStatus?: boolean;
+    /**是否还有更多数据*/
+    hasMore?: boolean;
+    /**加载更多文本*/
+    loadMoreText?: React.ReactNode;
+}
+/**
+ * 主页面滚动视图
+ */
+export declare const FairysTaroMainPageScrollView: (props: FairysTaroMainPageScrollViewProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/MainPage/index.js

@@ -34,6 +34,7 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     FairysTaroMainPageFooter: ()=>FairysTaroMainPageFooter,
+    FairysTaroMainPageScrollView: ()=>FairysTaroMainPageScrollView,
     FairysTaroMainPage: ()=>FairysTaroMainPage,
     FairysTaroMainPageSearch: ()=>FairysTaroMainPageSearch,
     FairysTaroMainPageBody: ()=>FairysTaroMainPageBody
@@ -87,14 +88,41 @@ const FairysTaroMainPageFooter = (props)=>{
         children: children
     });
 };
+const FairysTaroMainPageScrollView = (props)=>{
+    const { className: itemClassName, children, refresherStatus, hasMore = true, loadMoreText, onScrollToLower, ...rest } = props;
+    const cls = (0, external_react_namespaceObject.useMemo)(()=>external_clsx_default()('fairys_taro-ui-main-page-scroll-view fairystaro__box-border fairystaro__w-screen fairystaro__h-screen', itemClassName), [
+        itemClassName
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(components_namespaceObject.ScrollView, {
+        scrollY: true,
+        refresherEnabled: true,
+        enhanced: true,
+        usingSticky: true,
+        refresherTriggered: refresherStatus,
+        className: cls,
+        ...rest,
+        onScrollToLower: (...args)=>{
+            if (hasMore) onScrollToLower?.(...args);
+        },
+        children: [
+            children,
+            loadMoreText ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_namespaceObject.View, {
+                className: "fairys_taro-ui-main-page-scroll-view-load-more",
+                children: loadMoreText
+            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_namespaceObject.Fragment, {})
+        ]
+    });
+};
 exports.FairysTaroMainPage = __webpack_exports__.FairysTaroMainPage;
 exports.FairysTaroMainPageBody = __webpack_exports__.FairysTaroMainPageBody;
 exports.FairysTaroMainPageFooter = __webpack_exports__.FairysTaroMainPageFooter;
+exports.FairysTaroMainPageScrollView = __webpack_exports__.FairysTaroMainPageScrollView;
 exports.FairysTaroMainPageSearch = __webpack_exports__.FairysTaroMainPageSearch;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "FairysTaroMainPage",
     "FairysTaroMainPageBody",
     "FairysTaroMainPageFooter",
+    "FairysTaroMainPageScrollView",
     "FairysTaroMainPageSearch"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {

package/lib/context/index.js

@@ -6,7 +6,7 @@ var __webpack_modules__ = {
     "./global.message.data.instance": function(module) {
         module.exports = require("./global.message.data.instance.js");
     },
-    "./global.setting.data.instance": function(module) {
+    "context/global.setting.data.instance": function(module) {
         module.exports = require("./global.setting.data.instance.js");
     },
     "./page.data.instance": function(module) {
@@ -83,7 +83,7 @@ var __webpack_exports__ = {};
         return _auth_data_instance__WEBPACK_IMPORTED_MODULE_3__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _global_setting_data_instance__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./global.setting.data.instance");
+    var _global_setting_data_instance__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("context/global.setting.data.instance");
     var __WEBPACK_REEXPORT_OBJECT__ = {};
     for(var __WEBPACK_IMPORT_KEY__ in _global_setting_data_instance__WEBPACK_IMPORTED_MODULE_4__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
         return _global_setting_data_instance__WEBPACK_IMPORTED_MODULE_4__[key];

package/lib/context/page.data.instance.d.ts

@@ -2,6 +2,10 @@ import { ProxyInstanceObjectBase } from '../utils/valtio/instance';
 export interface PageDataInstanceState extends Record<string, any> {
     /**loading存储*/
     loading?: Record<string, boolean>;
+    /**下拉刷新状态*/
+    refresherStatus?: boolean;
+    /**上拉加载*/
+    loadMoreStatus?: boolean;
     /**当前页*/
     page?: number;
     /**分页数*/
@@ -37,6 +41,10 @@ export interface PageDataInstanceState extends Record<string, any> {
         query?: Record<string, any>;
         [s: string]: any;
     }[];
+    /**tab多页签下拉刷新状态*/
+    tabRefresherStatus?: Record<string, boolean>;
+    /**tab多页签上拉加载状态*/
+    tabLoadMoreStatus?: Record<string, boolean>;
     /**是否是tab多页签*/
     isTabs?: boolean;
     /**是否展开查询条件*/
@@ -84,7 +92,11 @@ export declare class PageDataInstance<T extends PageDataInstanceState = PageData
     updatedSearch: (value?: Record<string, any>) => void;
     /**更新页面级的 pageLoading */
     updatedPageLoading: (loading?: boolean) => void;
-    /**更新页面级的 loadMore */
+    /**
+     * 更新加载状态对象
+     *
+     * @param value - 包含页面键和对应加载状态的键值对对象
+     */
     updatedLoading: (value: Record<string, boolean>) => void;
     /**内置——查询列表*/
     main_getList: () => Promise<void>;

package/lib/context/page.data.instance.js

@@ -73,6 +73,10 @@ class page_data_instance_PageDataInstance extends instance_js_namespaceObject.Pr
         loading: {
             pageLoading: false
         },
+        tabRefresherStatus: {},
+        refresherStatus: false,
+        loadMoreStatus: false,
+        tabLoadMoreStatus: {},
         hasLastPage: false
     };
     store = (0, external_valtio_namespaceObject.proxy)({
@@ -169,6 +173,16 @@ class page_data_instance_PageDataInstance extends instance_js_namespaceObject.Pr
                 page: this.store[pageField] || 1,
                 pageSize: this.store[pageSizeField] || this.store.defaultPageSize || 20
             };
+            if (1 === payload.page) if (this.store.isTabs) {
+                const tabKey = this.store.tabKey;
+                if (!this.store.tabRefresherStatus) this.store.tabRefresherStatus = {};
+                this.store.tabRefresherStatus[tabKey] = true;
+            } else this.store.refresherStatus = true;
+            else if (this.store.isTabs) {
+                const tabKey = this.store.tabKey;
+                if (!this.store.tabLoadMoreStatus) this.store.tabLoadMoreStatus = {};
+                this.store.tabLoadMoreStatus[tabKey] = true;
+            } else this.store.loadMoreStatus = true;
             let newParams = this.formateParams({
                 ...payload
             });
@@ -210,6 +224,16 @@ class page_data_instance_PageDataInstance extends instance_js_namespaceObject.Pr
             this.store.loading.loadMore = false;
             this.updatedPageLoading(false);
         }
+        if (this.store.isTabs) {
+            const tabKey = this.store.tabKey;
+            if (!this.store.tabRefresherStatus) this.store.tabRefresherStatus = {};
+            if (!this.store.tabLoadMoreStatus) this.store.tabLoadMoreStatus = {};
+            this.store.tabLoadMoreStatus[tabKey] = false;
+            this.store.tabRefresherStatus[tabKey] = false;
+        } else {
+            this.store.refresherStatus = false;
+            this.store.loadMoreStatus = false;
+        }
         taro_default().hideLoading();
     };
     main_onPageChange = (page)=>{

package/lib/context/page.info.data.instance.d.ts

@@ -8,6 +8,8 @@ export interface PageInfoDataInstanceState extends Record<string, any> {
     editType?: 'add' | 'edit' | 'info';
     /**查询详情是否成功*/
     isInfoSuccess?: boolean;
+    /**下拉刷新状态*/
+    refresherStatus?: boolean;
     /**数据默认值不使用*/
     __defaultValue?: string;
 }

package/lib/context/page.info.data.instance.js

@@ -58,6 +58,7 @@ class page_info_data_instance_PageInfoDataInstance extends instance_js_namespace
         editType: 'add',
         editFormData: (0, external_valtio_namespaceObject.ref)({}),
         isInfoSuccess: false,
+        refresherStatus: false,
         loading: {
             pageLoading: false
         }
@@ -100,6 +101,7 @@ class page_info_data_instance_PageInfoDataInstance extends instance_js_namespace
         taro_default().showLoading({
             title: "\u52A0\u8F7D\u4E2D..."
         });
+        this.store.refresherStatus = true;
         try {
             this.updatedLoading(true);
             let newParams = {};
@@ -122,6 +124,7 @@ class page_info_data_instance_PageInfoDataInstance extends instance_js_namespace
             console.log(error);
             this.updatedLoading(false);
         }
+        this.store.refresherStatus = false;
         taro_default().hideLoading();
     };
     main_saveInfo = async ()=>{

package/lib/index.js

@@ -3,7 +3,7 @@ var __webpack_modules__ = {
     "./components": function(module) {
         module.exports = require("./components/index.js");
     },
-    "./context": function(module) {
+    "./context?4a23": function(module) {
         module.exports = require("./context/index.js");
     },
     "./utils": function(module) {
@@ -59,7 +59,7 @@ var __webpack_exports__ = {};
         return _components__WEBPACK_IMPORTED_MODULE_0__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./context");
+    var _context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./context?4a23");
     var __WEBPACK_REEXPORT_OBJECT__ = {};
     for(var __WEBPACK_IMPORT_KEY__ in _context__WEBPACK_IMPORTED_MODULE_1__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
         return _context__WEBPACK_IMPORTED_MODULE_1__[key];

package/lib/styles/index.css

@@ -83,6 +83,10 @@
   height: 100%;
 }
 
+.fairystaro__h-screen {
+  height: 100vh;
+}
+
 .fairystaro__max-h-full {
   max-height: 100%;
 }
@@ -95,6 +99,10 @@
   width: 100%;
 }
 
+.fairystaro__w-screen {
+  width: 100vw;
+}
+
 .fairystaro__flex {
   display: flex;
 }

package/lib/utils/request.d.ts

@@ -41,11 +41,11 @@ export interface RequestInstanceCreateOptions {
         };
         dev: Record<string, string | {
             target: string;
-            pathRewrite: Record<string, string>;
+            pathRewrite?: Record<string, string>;
         }>;
         pro: Record<string, string | {
             target: string;
-            pathRewrite: Record<string, string>;
+            pathRewrite?: Record<string, string>;
         }>;
     };
     /**启用token校验*/

package/lib/utils/valtio/context.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export declare const ValtioContext: import("react").Context<any>;
+export declare function ValtioContextProvider<T>({ value, children }: {
+    value: T;
+    children?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useValtioContext<T>(): T;

package/lib/utils/valtio/context.js

@@ -0,0 +1,55 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    ValtioContext: ()=>ValtioContext,
+    ValtioContextProvider: ()=>ValtioContextProvider,
+    useValtioContext: ()=>useValtioContext
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const ValtioContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(void 0);
+function ValtioContextProvider({ value, children }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ValtioContext.Provider, {
+        value: value,
+        children: children
+    });
+}
+function useValtioContext() {
+    const context = (0, external_react_namespaceObject.useContext)(ValtioContext);
+    if (!context) throw new Error('useValtioContext must be used within a ValtioContextProvider');
+    return context;
+}
+exports.ValtioContext = __webpack_exports__.ValtioContext;
+exports.ValtioContextProvider = __webpack_exports__.ValtioContextProvider;
+exports.useValtioContext = __webpack_exports__.useValtioContext;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "ValtioContext",
+    "ValtioContextProvider",
+    "useValtioContext"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/lib/utils/valtio/index.d.ts

@@ -1,13 +1,14 @@
 import { ProxyInstanceObjectBase } from './instance';
 export * from './instance';
+export * from './context';
 /**创建简单的状态管理*/
-export declare const useValtioState: <T extends object>(inital?: T) => readonly [import("valtio").Snapshot<T>, ProxyInstanceObjectBase<T>, any];
+export declare const useValtioState: <T extends object>(inital?: T) => [T, ProxyInstanceObjectBase<T>, any];
 export declare const useValtioInstaceState: <T extends object = any, K extends ProxyInstanceObjectBase<T> = ProxyInstanceObjectBase<T>, M extends {
     new (...args: any[]): K;
 } = {
     new (...args: any[]): K;
-}>(Instance: M) => readonly [import("valtio").Snapshot<T>, K, any];
+}>(Instance: M) => [T, K, any];
 /**
  * 创建valtio proxy 状态管理
  */
-export declare const useValtioProxyState: <T extends object>(inital?: T) => readonly [import("valtio").Snapshot<T>, T, any];
+export declare const useValtioProxyState: <T extends object>(inital?: T) => [T, T, any];

package/lib/utils/valtio/index.js

@@ -1,5 +1,8 @@
 "use strict";
 var __webpack_modules__ = {
+    "./context?fe51": function(module) {
+        module.exports = require("./context.js");
+    },
     "./instance": function(module) {
         module.exports = require("./instance.js");
     },
@@ -71,8 +74,19 @@ var __webpack_exports__ = {};
         return _instance__WEBPACK_IMPORTED_MODULE_2__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./context?fe51");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _context__WEBPACK_IMPORTED_MODULE_3__)if ([
+        "useValtioProxyState",
+        "default",
+        "useValtioInstaceState",
+        "useValtioState"
+    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _context__WEBPACK_IMPORTED_MODULE_3__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
     const useValtioState = (inital)=>{
-        const instance = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(new _instance__WEBPACK_IMPORTED_MODULE_2__.ProxyInstanceObjectBase()._ctor(inital)).current;
+        const instance = (0, _instance__WEBPACK_IMPORTED_MODULE_2__.useProxyInstanceObjectBase)(inital);
         const state = (0, valtio__WEBPACK_IMPORTED_MODULE_1__.useSnapshot)(instance.store);
         return [
             state,
@@ -80,8 +94,13 @@ var __webpack_exports__ = {};
             state.__defaultValue
         ];
     };
+    const usNewInstance = (Instance)=>{
+        const ref = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
+        if (!ref.current) ref.current = new Instance();
+        return ref.current;
+    };
     const useValtioInstaceState = (Instance)=>{
-        const instance = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(new Instance()).current;
+        const instance = usNewInstance(Instance);
         const state = (0, valtio__WEBPACK_IMPORTED_MODULE_1__.useSnapshot)(instance.store);
         return [
             state,
@@ -90,11 +109,12 @@ var __webpack_exports__ = {};
         ];
     };
     const useValtioProxyState = (inital)=>{
-        const instance = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)((0, valtio__WEBPACK_IMPORTED_MODULE_1__.proxy)(inital || {})).current;
-        const state = (0, valtio__WEBPACK_IMPORTED_MODULE_1__.useSnapshot)(instance);
+        const instance = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
+        if (!instance.current) instance.current = (0, valtio__WEBPACK_IMPORTED_MODULE_1__.proxy)(inital || {});
+        const state = (0, valtio__WEBPACK_IMPORTED_MODULE_1__.useSnapshot)(instance.current);
         return [
             state,
-            instance,
+            instance.current,
             state.__defaultValue
         ];
     };

package/lib/utils/valtio/instance.d.ts

@@ -15,3 +15,7 @@ export declare class ProxyInstanceObjectBase<T extends Object = any> {
     /**创建 ref 对象 (ref对象不做监听更新)*/
     _createRef: <K extends Object = any>(inital?: K) => K;
 }
+/**
+ * 创建单个proxy对象数据基础实例封装
+ */
+export declare const useProxyInstanceObjectBase: <T extends object>(inital?: T) => ProxyInstanceObjectBase<T>;

package/lib/utils/valtio/instance.js

@@ -33,7 +33,8 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    ProxyInstanceObjectBase: ()=>ProxyInstanceObjectBase
+    ProxyInstanceObjectBase: ()=>ProxyInstanceObjectBase,
+    useProxyInstanceObjectBase: ()=>useProxyInstanceObjectBase
 });
 const external_valtio_namespaceObject = require("valtio");
 const external_react_namespaceObject = require("react");
@@ -71,9 +72,16 @@ class ProxyInstanceObjectBase {
     };
     _createRef = (inital)=>(0, external_valtio_namespaceObject.ref)(inital || {});
 }
+const useProxyInstanceObjectBase = (inital)=>{
+    const ref = (0, external_react_namespaceObject.useRef)();
+    if (!ref.current) ref.current = new ProxyInstanceObjectBase()._ctor(inital);
+    return ref.current;
+};
 exports.ProxyInstanceObjectBase = __webpack_exports__.ProxyInstanceObjectBase;
+exports.useProxyInstanceObjectBase = __webpack_exports__.useProxyInstanceObjectBase;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "ProxyInstanceObjectBase"
+    "ProxyInstanceObjectBase",
+    "useProxyInstanceObjectBase"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/package.json

@@ -3,7 +3,7 @@
   "author": "SunLxy <1011771396@qq.com>",
   "description": "框架组件库",
   "homepage": "https://github.com/autumn-fairy-tales/fairys-taro-react",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "main": "esm/index.js",
   "types": "esm/index.d.ts",
   "module": "esm/index.js",

package/src/components/MainPage/index.tsx

@@ -1,9 +1,12 @@
-import { ViewProps, View } from '@tarojs/components';
+import { ViewProps, View, ScrollView, ScrollViewProps } from '@tarojs/components';
 import clsx from 'clsx';
-import { useMemo } from 'react';
+import { Fragment, useMemo } from 'react';
 
 export interface FairysTaroMainPageProps extends ViewProps {}
 
+/**
+ * 主页面（如果外部使用scroll-view组件，需要设置高度，否则内容会出现滚动）
+ */
 export const FairysTaroMainPage = (props: FairysTaroMainPageProps) => {
   const { className: itemClassName, children, ...rest } = props;
 
@@ -70,3 +73,60 @@ export const FairysTaroMainPageFooter = (props: FairysTaroMainPageProps) => {
     </View>
   );
 };
+
+export interface FairysTaroMainPageScrollViewProps extends ScrollViewProps {
+  /**下拉刷新状态*/
+  refresherStatus?: boolean;
+  /**是否还有更多数据*/
+  hasMore?: boolean;
+  /**加载更多文本*/
+  loadMoreText?: React.ReactNode;
+}
+
+/**
+ * 主页面滚动视图
+ */
+export const FairysTaroMainPageScrollView = (props: FairysTaroMainPageScrollViewProps) => {
+  const {
+    className: itemClassName,
+    children,
+    refresherStatus,
+    hasMore = true,
+    loadMoreText,
+    onScrollToLower,
+    ...rest
+  } = props;
+
+  const cls = useMemo(
+    () =>
+      clsx(
+        'fairys_taro-ui-main-page-scroll-view fairystaro__box-border fairystaro__w-screen fairystaro__h-screen',
+        itemClassName,
+      ),
+    [itemClassName],
+  );
+
+  return (
+    <ScrollView
+      scrollY
+      refresherEnabled
+      enhanced
+      usingSticky
+      refresherTriggered={refresherStatus}
+      className={cls}
+      {...rest}
+      onScrollToLower={(...args) => {
+        if (hasMore) {
+          onScrollToLower?.(...args);
+        }
+      }}
+    >
+      {children}
+      {loadMoreText ? (
+        <View className="fairys_taro-ui-main-page-scroll-view-load-more">{loadMoreText}</View>
+      ) : (
+        <Fragment />
+      )}
+    </ScrollView>
+  );
+};

package/src/context/page.data.instance.tsx

@@ -7,6 +7,10 @@ import Taro, { useDidShow } from '@tarojs/taro';
 export interface PageDataInstanceState extends Record<string, any> {
   /**loading存储*/
   loading?: Record<string, boolean>;
+  /**下拉刷新状态*/
+  refresherStatus?: boolean;
+  /**上拉加载*/
+  loadMoreStatus?: boolean;
   /**当前页*/
   page?: number;
   /**分页数*/
@@ -42,6 +46,10 @@ export interface PageDataInstanceState extends Record<string, any> {
     query?: Record<string, any>;
     [s: string]: any;
   }[];
+  /**tab多页签下拉刷新状态*/
+  tabRefresherStatus?: Record<string, boolean>;
+  /**tab多页签上拉加载状态*/
+  tabLoadMoreStatus?: Record<string, boolean>;
   /**是否是tab多页签*/
   isTabs?: boolean;
   /**是否展开查询条件*/
@@ -95,6 +103,14 @@ export class PageDataInstance<
     selectedRowKeys: ref([]),
     /**加载状态*/
     loading: { pageLoading: false },
+    /**tab多页签下拉刷新状态*/
+    tabRefresherStatus: {},
+    /**下拉刷新状态*/
+    refresherStatus: false,
+    /**上拉加载*/
+    loadMoreStatus: false,
+    /**tab多页签上拉加载状态*/
+    tabLoadMoreStatus: {},
     /**是否最后一页*/
     hasLastPage: false,
   } as unknown as T;
@@ -151,7 +167,6 @@ export class PageDataInstance<
       this.store.search[key] = value[key];
     }
   };
-
   /**更新页面级的 pageLoading */
   updatedPageLoading = (loading: boolean = true) => {
     if (typeof this.store?.loading === 'object') {
@@ -160,7 +175,11 @@ export class PageDataInstance<
       this.store.loading = { pageLoading: loading };
     }
   };
-  /**更新页面级的 loadMore */
+  /**
+   * 更新加载状态对象
+   *
+   * @param value - 包含页面键和对应加载状态的键值对对象
+   */
   updatedLoading = (value: Record<string, boolean>) => {
     if (typeof this.store?.loading === 'object') {
       this.store.loading = { ...this.store.loading, ...value };
@@ -209,6 +228,27 @@ export class PageDataInstance<
         page: this.store[pageField] || 1,
         pageSize: this.store[pageSizeField] || this.store.defaultPageSize || 20,
       };
+      if (payload.page === 1) {
+        if (this.store.isTabs) {
+          const tabKey = this.store.tabKey;
+          if (!this.store.tabRefresherStatus) {
+            this.store.tabRefresherStatus = {};
+          }
+          this.store.tabRefresherStatus[tabKey] = true;
+        } else {
+          this.store.refresherStatus = true;
+        }
+      } else {
+        if (this.store.isTabs) {
+          const tabKey = this.store.tabKey;
+          if (!this.store.tabLoadMoreStatus) {
+            this.store.tabLoadMoreStatus = {};
+          }
+          this.store.tabLoadMoreStatus[tabKey] = true;
+        } else {
+          this.store.loadMoreStatus = true;
+        }
+      }
       let newParams = this.formateParams({ ...payload }) as any;
       if (this.onBefore) {
         newParams = this.onBefore(payload, this.store, this);
@@ -252,6 +292,20 @@ export class PageDataInstance<
       this.store.loading.loadMore = false;
       this.updatedPageLoading(false);
     }
+    if (this.store.isTabs) {
+      const tabKey = this.store.tabKey;
+      if (!this.store.tabRefresherStatus) {
+        this.store.tabRefresherStatus = {};
+      }
+      if (!this.store.tabLoadMoreStatus) {
+        this.store.tabLoadMoreStatus = {};
+      }
+      this.store.tabLoadMoreStatus[tabKey] = false;
+      this.store.tabRefresherStatus[tabKey] = false;
+    } else {
+      this.store.refresherStatus = false;
+      this.store.loadMoreStatus = false;
+    }
     Taro.hideLoading();
   };
   /**内置——翻页*/

package/src/context/page.info.data.instance.tsx

@@ -16,6 +16,8 @@ export interface PageInfoDataInstanceState extends Record<string, any> {
   editType?: 'add' | 'edit' | 'info';
   /**查询详情是否成功*/
   isInfoSuccess?: boolean;
+  /**下拉刷新状态*/
+  refresherStatus?: boolean;
   /**数据默认值不使用*/
   __defaultValue?: string;
 }
@@ -32,6 +34,8 @@ export class PageInfoDataInstance<
     editFormData: ref({}),
     /**查询详情是否成功*/
     isInfoSuccess: false,
+    /**下拉刷新状态*/
+    refresherStatus: false,
     /**加载状态*/
     loading: { pageLoading: false },
   } as unknown as T;
@@ -104,6 +108,7 @@ export class PageInfoDataInstance<
       return;
     }
     Taro.showLoading({ title: '加载中...' });
+    this.store.refresherStatus = true;
     try {
       this.updatedLoading(true);
       let newParams = {} as any;
@@ -127,6 +132,7 @@ export class PageInfoDataInstance<
       console.log(error);
       this.updatedLoading(false);
     }
+    this.store.refresherStatus = false;
     Taro.hideLoading();
   };
 

package/src/utils/request.ts

@@ -101,8 +101,8 @@ export interface RequestInstanceCreateOptions {
       dev?: string;
       pro?: string;
     };
-    dev: Record<string, string | { target: string; pathRewrite: Record<string, string> }>;
-    pro: Record<string, string | { target: string; pathRewrite: Record<string, string> }>;
+    dev: Record<string, string | { target: string; pathRewrite?: Record<string, string> }>;
+    pro: Record<string, string | { target: string; pathRewrite?: Record<string, string> }>;
   };
   /**启用token校验*/
   isEnableTokenAuth?: boolean;

package/src/utils/valtio/context.tsx

@@ -0,0 +1,15 @@
+import { createContext, ReactNode, useContext } from 'react';
+
+export const ValtioContext = createContext(undefined);
+
+export function ValtioContextProvider<T>({ value, children }: { value: T; children?: ReactNode }) {
+  return <ValtioContext.Provider value={value}>{children}</ValtioContext.Provider>;
+}
+
+export function useValtioContext<T>() {
+  const context = useContext<T>(ValtioContext);
+  if (!context) {
+    throw new Error('useValtioContext must be used within a ValtioContextProvider');
+  }
+  return context;
+}

package/src/utils/valtio/index.ts

@@ -1,13 +1,28 @@
 import { useRef } from 'react';
 import { useSnapshot, proxy } from 'valtio';
-import { ProxyInstanceObjectBase } from './instance';
+import { ProxyInstanceObjectBase, useProxyInstanceObjectBase } from './instance';
 export * from './instance';
+export * from './context';
 
 /**创建简单的状态管理*/
 export const useValtioState = <T extends object>(inital?: T) => {
-  const instance = useRef(new ProxyInstanceObjectBase<T>()._ctor(inital)).current;
+  const instance = useProxyInstanceObjectBase(inital);
   const state = useSnapshot(instance.store);
-  return [state, instance, (state as any).__defaultValue] as const;
+  return [state, instance, (state as any).__defaultValue] as [T, ProxyInstanceObjectBase<T>, any];
+};
+
+const usNewInstance = <
+  T extends object = any,
+  K extends ProxyInstanceObjectBase<T> = ProxyInstanceObjectBase<T>,
+  M extends { new (...args: any[]): K } = { new (...args: any[]): K },
+>(
+  Instance: M,
+) => {
+  const ref = useRef<K>();
+  if (!ref.current) {
+    ref.current = new Instance();
+  }
+  return ref.current;
 };
 
 export const useValtioInstaceState = <
@@ -17,16 +32,19 @@ export const useValtioInstaceState = <
 >(
   Instance: M,
 ) => {
-  const instance = useRef(new Instance()).current;
+  const instance = usNewInstance<T, K, M>(Instance);
   const state = useSnapshot(instance.store);
-  return [state, instance, (state as any).__defaultValue] as const;
+  return [state, instance, (state as any).__defaultValue] as [T, K, any];
 };
 
 /**
  * 创建valtio proxy 状态管理
  */
 export const useValtioProxyState = <T extends object>(inital?: T) => {
-  const instance = useRef(proxy(inital || ({} as T))).current;
-  const state = useSnapshot(instance);
-  return [state, instance, (state as any).__defaultValue] as const;
+  const instance = useRef<T>();
+  if (!instance.current) {
+    instance.current = proxy(inital || ({} as T));
+  }
+  const state = useSnapshot(instance.current);
+  return [state, instance.current, (state as any).__defaultValue] as [T, T, any];
 };

package/src/utils/valtio/instance.ts

@@ -1,5 +1,5 @@
 import { proxy, ref } from 'valtio';
-import React from 'react';
+import React, { useRef } from 'react';
 
 /**
  * 单个proxy对象数据基础实例封装
@@ -59,3 +59,14 @@ export class ProxyInstanceObjectBase<T extends Object = any> {
     return ref<K>(inital || ({} as K)) as K;
   };
 }
+
+/**
+ * 创建单个proxy对象数据基础实例封装
+ */
+export const useProxyInstanceObjectBase = <T extends object>(inital?: T) => {
+  const ref = useRef<ProxyInstanceObjectBase<T>>();
+  if (!ref.current) {
+    ref.current = new ProxyInstanceObjectBase<T>()._ctor(inital);
+  }
+  return ref.current;
+};