@fairys/taro-tools-react 1.0.3 → 1.0.5

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

@@ -58,13 +58,21 @@ export declare class AuthDataInstance<T = any> {
      * @param menuPermission 菜单权限
      * @returns 是否有指定菜单权限
      */
-    hasMenuPermission(menuPermission: string): boolean;
+    hasMenuPermission: (menuPermission: string) => boolean;
     /**
      * 判断是否有指定权限
      * @param permission 权限
      * @returns 是否有指定权限
      */
-    hasPermission(permission: string): boolean;
+    hasPermission: (permission: string) => boolean;
+    /**
+     * 清除登录凭证（token）、权限列表、菜单权限列表、用户信息
+     */
+    clear: () => void;
+    /**
+     * 初始化认证数据实例
+     */
+    constructor();
 }
 export declare const authDataInstance: AuthDataInstance<any>;
 /**

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

@@ -68,13 +68,29 @@ class AuthDataInstance {
         }
         return this.store.menusPermissions || [];
     }
-    hasMenuPermission(menuPermission) {
+    hasMenuPermission = (menuPermission)=>{
         if (!globalSettingDataInstance.store.isEnableAuth) return true;
         return this.menusPermissions.includes(menuPermission);
-    }
-    hasPermission(permission) {
+    };
+    hasPermission = (permission)=>{
         if (!globalSettingDataInstance.store.isEnableAuth) return true;
         return this.permissions.includes(permission);
+    };
+    clear = ()=>{
+        this.token = '';
+        this.permissions = [];
+        this.menusPermissions = [];
+        this.userInfo = void 0;
+    };
+    constructor(){
+        try {
+            this.store.userInfo = this.userInfo;
+            this.store.token = this.token;
+            this.store.permissions = this.permissions;
+            this.store.menusPermissions = this.menusPermissions;
+        } catch (error) {
+            console.error("\u521D\u59CB\u5316\u8BA4\u8BC1\u6570\u636E\u5B9E\u4F8B\u5931\u8D25", error);
+        }
     }
 }
 const authDataInstance = new AuthDataInstance();

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

@@ -37,6 +37,10 @@ export declare class GlobalDataInstance extends ProxyInstanceObjectBase<GlobalDa
     showToast: (config?: Partial<ToastDataType>) => void;
     /**隐藏Toast */
     hideToast: () => void;
+    /**
+     * 跳转登录页面前执行
+     */
+    onBeforetToLoginPage?: () => boolean | void;
     /**跳转登录页面*/
     toLoginPage: () => void;
 }

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

@@ -45,7 +45,12 @@ class GlobalDataInstance extends ProxyInstanceObjectBase {
             visible: false
         });
     };
+    onBeforetToLoginPage;
     toLoginPage = ()=>{
+        if (this.onBeforetToLoginPage) {
+            const f = this.onBeforetToLoginPage();
+            if (false === f) return;
+        }
         const loginPageRoute = globalSettingDataInstance.store.loginPageRoute || '';
         const isLoginPage = utils_navigate.isCurrentPage(loginPageRoute || '');
         const _loginPageRoute = `${loginPageRoute || ''}`.replace(/^\//, '');

package/esm/context/index.d.ts

@@ -1,4 +1,5 @@
 export * from './global.data.instance';
 export * from './page.data.instance';
 export * from './page.info.data.instance';
+export * from './auth.data.instance';
 export * from './global.setting.data.instance';

package/esm/context/index.js

@@ -1,4 +1,5 @@
 export * from "./global.data.instance.js";
 export * from "./page.data.instance.js";
 export * from "./page.info.data.instance.js";
+export * from "./auth.data.instance.js";
 export * from "./global.setting.data.instance.js";

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

@@ -0,0 +1,14 @@
+import { ViewProps } from '@tarojs/components';
+import { ReactNode } from 'react';
+export interface FairysTaroLoadingProps extends ViewProps {
+    /**加载标题*/
+    title?: ReactNode;
+    /**加载提示*/
+    tips?: ReactNode;
+    /**是否显示加载动画*/
+    loading?: boolean;
+    /**是否显示在 Portal 中*/
+    isPortal?: boolean;
+}
+export declare const FairysTaroLoadingMain: import("react").ForwardRefExoticComponent<Omit<Omit<FairysTaroLoadingProps, "loading" | "isPortal">, "ref"> & import("react").RefAttributes<ViewProps>>;
+export declare const FairysTaroLoading: import("react").ForwardRefExoticComponent<Omit<FairysTaroLoadingProps, "ref"> & import("react").RefAttributes<ViewProps>>;

package/lib/components/EnterLoading/index.js

@@ -0,0 +1,112 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __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__, {
+    FairysTaroLoading: ()=>FairysTaroLoading,
+    FairysTaroLoadingMain: ()=>FairysTaroLoadingMain
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_clsx_namespaceObject = require("clsx");
+var external_clsx_default = /*#__PURE__*/ __webpack_require__.n(external_clsx_namespaceObject);
+const components_namespaceObject = require("@tarojs/components");
+const external_react_namespaceObject = require("react");
+const index_js_namespaceObject = require("../Portal/index.js");
+const FairysTaroLoadingMain = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
+    const { title = '', tips = "\u8F7D\u5165\u4E2D", className, ...rest } = props;
+    const classNames = (0, external_react_namespaceObject.useMemo)(()=>external_clsx_default()('fairys_taro_loading fairystaro__bg-white_xg_90', className), [
+        className
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_namespaceObject.Fragment, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(components_namespaceObject.View, {
+            ...rest,
+            ref: ref,
+            className: classNames,
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(components_namespaceObject.View, {
+                    className: "fairys_taro_loading-main",
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_namespaceObject.View, {
+                            className: "square"
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_namespaceObject.View, {
+                            className: "square"
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_namespaceObject.View, {
+                            className: "square"
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_namespaceObject.View, {
+                            className: "square"
+                        })
+                    ]
+                }),
+                title ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_namespaceObject.View, {
+                    className: "name",
+                    children: title
+                }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_namespaceObject.Fragment, {}),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(components_namespaceObject.View, {
+                    className: "tips",
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_namespaceObject.Text, {
+                            children: tips
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_namespaceObject.Text, {
+                            className: "loading-dots"
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+});
+const FairysTaroLoading = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
+    const { loading = false, isPortal = true, ...rest } = props;
+    return loading ? isPortal ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.FairysTaroPortal, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(FairysTaroLoadingMain, {
+            ...rest,
+            ref: ref
+        })
+    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(FairysTaroLoadingMain, {
+        ...rest,
+        ref: ref
+    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_namespaceObject.Fragment, {});
+});
+exports.FairysTaroLoading = __webpack_exports__.FairysTaroLoading;
+exports.FairysTaroLoadingMain = __webpack_exports__.FairysTaroLoadingMain;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "FairysTaroLoading",
+    "FairysTaroLoadingMain"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,10 @@
+import { ViewProps } from '@tarojs/components';
+export interface FairysTaroMainPageProps extends ViewProps {
+}
+export declare const FairysTaroMainPage: (props: FairysTaroMainPageProps) => import("react/jsx-runtime").JSX.Element;
+/**查询*/
+export declare const FairysTaroMainPageSearch: (props: FairysTaroMainPageProps) => import("react/jsx-runtime").JSX.Element;
+/**内容*/
+export declare const FairysTaroMainPageBody: (props: FairysTaroMainPageProps) => import("react/jsx-runtime").JSX.Element;
+/**底部*/
+export declare const FairysTaroMainPageFooter: (props: FairysTaroMainPageProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/MainPage/index.js

@@ -0,0 +1,102 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __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__, {
+    FairysTaroMainPageFooter: ()=>FairysTaroMainPageFooter,
+    FairysTaroMainPage: ()=>FairysTaroMainPage,
+    FairysTaroMainPageSearch: ()=>FairysTaroMainPageSearch,
+    FairysTaroMainPageBody: ()=>FairysTaroMainPageBody
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const components_namespaceObject = require("@tarojs/components");
+const external_clsx_namespaceObject = require("clsx");
+var external_clsx_default = /*#__PURE__*/ __webpack_require__.n(external_clsx_namespaceObject);
+const external_react_namespaceObject = require("react");
+const FairysTaroMainPage = (props)=>{
+    const { className: itemClassName, children, ...rest } = props;
+    const cls = (0, external_react_namespaceObject.useMemo)(()=>external_clsx_default()('fairys_taro-ui-main-page fairystaro__box-border fairystaro__w-full fairystaro__h-full fairystaro__flex fairystaro__flex-col fairystaro__overflow-auto', itemClassName), [
+        itemClassName
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_namespaceObject.View, {
+        className: cls,
+        ...rest,
+        children: children
+    });
+};
+const FairysTaroMainPageSearch = (props)=>{
+    const { className: itemClassName, children, ...rest } = props;
+    const cls = (0, external_react_namespaceObject.useMemo)(()=>external_clsx_default()('fairys_taro-ui-main-page-search fairystaro__box-border fairystaro__w-full', itemClassName), [
+        itemClassName
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_namespaceObject.View, {
+        className: cls,
+        ...rest,
+        children: children
+    });
+};
+const FairysTaroMainPageBody = (props)=>{
+    const { className: itemClassName, children, ...rest } = props;
+    const cls = (0, external_react_namespaceObject.useMemo)(()=>external_clsx_default()('fairys_taro-ui-main-page-body fairystaro__box-border fairystaro__w-full fairystaro__flex-1 fairystaro__overflow-auto', itemClassName), [
+        itemClassName
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_namespaceObject.View, {
+        className: cls,
+        ...rest,
+        children: children
+    });
+};
+const FairysTaroMainPageFooter = (props)=>{
+    const { className: itemClassName, children, ...rest } = props;
+    const cls = (0, external_react_namespaceObject.useMemo)(()=>external_clsx_default()('fairys_taro-ui-main-page-footer fairystaro__box-border fairystaro__w-full', itemClassName), [
+        itemClassName
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_namespaceObject.View, {
+        className: cls,
+        ...rest,
+        children: children
+    });
+};
+exports.FairysTaroMainPage = __webpack_exports__.FairysTaroMainPage;
+exports.FairysTaroMainPageBody = __webpack_exports__.FairysTaroMainPageBody;
+exports.FairysTaroMainPageFooter = __webpack_exports__.FairysTaroMainPageFooter;
+exports.FairysTaroMainPageSearch = __webpack_exports__.FairysTaroMainPageSearch;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "FairysTaroMainPage",
+    "FairysTaroMainPageBody",
+    "FairysTaroMainPageFooter",
+    "FairysTaroMainPageSearch"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,48 @@
+import { ViewProps } from '@tarojs/components';
+export interface FairysTaroMessageItemProps extends Omit<ViewProps, 'style'> {
+    /**
+     * 提示内容
+     */
+    title?: React.ReactNode;
+    /**
+     * 提示框类型
+     * @default none
+     */
+    type?: 'none' | 'success' | 'error' | 'warning' | 'info';
+    /**
+     * 自定义图标
+     */
+    icon?: React.ReactNode;
+    /**消息项是否显示边框*/
+    bordered?: boolean;
+    /**图标 className*/
+    iconClassName?: string;
+    /**图标 style*/
+    iconStyle?: React.CSSProperties;
+    /**标题 className*/
+    titleClassName?: string;
+    /**标题 style*/
+    titleStyle?: React.CSSProperties;
+    /**内容 className*/
+    bodyClassName?: string;
+    /**内容 style*/
+    bodyStyle?: React.CSSProperties;
+    /**样式*/
+    style?: React.CSSProperties;
+    /**图标颜色*/
+    iconColor?: string;
+    /**边框颜色*/
+    borderColor?: string;
+    /**背景颜色*/
+    backgroundColor?: string;
+    /**文本颜色*/
+    color?: string;
+    /**是否显示图标*/
+    showIcon?: boolean;
+}
+export declare const FairysTaroMessageItem: (props: FairysTaroMessageItemProps) => import("react/jsx-runtime").JSX.Element;
+export interface FairysTaroMessageProps extends ViewProps {
+}
+export declare const FairysTaroMessage: (props: FairysTaroMessageProps) => import("react/jsx-runtime").JSX.Element;
+/**消息组件(用于全局消息提示)*/
+export declare const FairysTaroPortalMessage: (props: FairysTaroMessageProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Mesage/index.js

@@ -0,0 +1,172 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __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__, {
+    FairysTaroMessage: ()=>FairysTaroMessage,
+    FairysTaroMessageItem: ()=>FairysTaroMessageItem,
+    FairysTaroPortalMessage: ()=>FairysTaroPortalMessage
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const components_namespaceObject = require("@tarojs/components");
+const global_data_instance_js_namespaceObject = require("../../context/global.data.instance.js");
+const index_js_namespaceObject = require("../Portal/index.js");
+const external_clsx_namespaceObject = require("clsx");
+var external_clsx_default = /*#__PURE__*/ __webpack_require__.n(external_clsx_namespaceObject);
+const FairysTaroMessageItem = (props)=>{
+    const { title, children, type = 'info', className: itemClassName, bordered = true, iconClassName, iconStyle = {}, titleClassName, titleStyle, bodyClassName, bodyStyle, icon, iconColor, borderColor, backgroundColor, style = {}, color, showIcon = true, ...rest } = props;
+    const isIcon = !!icon;
+    const isIconString = 'string' == typeof icon;
+    const className = (0, external_react_namespaceObject.useMemo)(()=>external_clsx_default()('fairys_taro-ui-message-item', `fairys_taro-ui-message-icon-${type}`, 'fairystaro__box-border fairystaro__flex fairystaro__flex-row fairystaro__gap-_zkh1_0_dl_4rem_zhk2_ fairystaro__p-y-_zkh1_0_dl_4rem_zhk2_ fairystaro__p-x-_zkh1_0_dl_4rem_zhk2_  fairystaro__rounded-md fairystaro__text-_zkh1_0_dl_8rem_zhk2_', {
+            'fairystaro__border fairystaro__border-solid': bordered
+        }, itemClassName), [
+        type,
+        itemClassName,
+        bordered
+    ]);
+    const classIconName = (0, external_react_namespaceObject.useMemo)(()=>external_clsx_default()('fairys_taro-ui-message-icon fairystaro__box-border fairystaro__text-_zkh1_0_dl_6rem_zhk2_', iconClassName, {
+            'ant-design--close-circle-outlined': 'error' === type && !isIcon,
+            'ant-design--exclamation-circle-outlined': 'warning' === type && !isIcon,
+            'ant-design--check-circle-outlined': 'success' === type && !isIcon,
+            'ant-design--info-circle-outlined': 'info' === type && !isIcon,
+            'fairystaro__text-color-_zkh1_red_zhk2_': 'error' === type,
+            'fairystaro__text-color-_zkh1_orange_zhk2_': 'warning' === type,
+            'fairystaro__text-color-_zkh1_green_zhk2_': 'success' === type,
+            'fairystaro__text-color-_zkh1_blue_zhk2_': 'info' === type
+        }), [
+        type,
+        iconClassName,
+        isIcon
+    ]);
+    const lastIconClassName = (0, external_react_namespaceObject.useMemo)(()=>external_clsx_default()(classIconName, isIconString ? icon : ''), [
+        classIconName,
+        isIconString,
+        icon
+    ]);
+    const titleClassNames = (0, external_react_namespaceObject.useMemo)(()=>external_clsx_default()('fairys_taro-ui-message-item-title fairystaro__font-bold fairystaro__text-_zkh1_0_dl_6rem_zhk2_', titleClassName), [
+        titleClassName
+    ]);
+    const _iconStyle = {
+        ...iconStyle
+    };
+    if (iconColor) _iconStyle.color = iconColor;
+    const _style = {
+        ...style
+    };
+    if (borderColor) _style.borderColor = borderColor;
+    if (backgroundColor) _style.backgroundColor = backgroundColor;
+    if (color) _style.color = color;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(components_namespaceObject.View, {
+        className: className,
+        ...rest,
+        style: _style,
+        children: [
+            showIcon ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(components_namespaceObject.View, {
+                className: "fairystaro__flex fairystaro__flex-row fairystaro__justify-center fairystaro__p-t-_zkh1_0_dl_15rem_zhk2_",
+                children: [
+                    isIcon ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_namespaceObject.Fragment, {}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_namespaceObject.View, {
+                        className: classIconName,
+                        style: _iconStyle
+                    }),
+                    isIcon && !isIconString ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_namespaceObject.View, {
+                        className: classIconName,
+                        style: _iconStyle,
+                        children: icon
+                    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_namespaceObject.Fragment, {}),
+                    isIcon && isIconString ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_namespaceObject.View, {
+                        className: lastIconClassName,
+                        style: _iconStyle
+                    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_namespaceObject.Fragment, {})
+                ]
+            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_namespaceObject.Fragment, {}),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(components_namespaceObject.View, {
+                children: [
+                    title ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_namespaceObject.View, {
+                        className: titleClassNames,
+                        style: titleStyle,
+                        children: title
+                    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_namespaceObject.Fragment, {}),
+                    children ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_namespaceObject.View, {
+                        className: external_clsx_default()('fairys_taro-ui-message-item-body fairystaro__text-_zkh1_0_dl_6rem_zhk2_', bodyClassName),
+                        style: bodyStyle,
+                        children: children
+                    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_namespaceObject.Fragment, {})
+                ]
+            })
+        ]
+    });
+};
+const FairysTaroMessage = (props)=>{
+    const { className: messageClassName, ...rest } = props;
+    const classNames = (0, external_react_namespaceObject.useMemo)(()=>external_clsx_default()('fairys_taro-ui-message fairystaro__box-border fairystaro__p-2 fairystaro__flex fairystaro__flex-col fairystaro__items-center fairystaro__gap-2 fairystaro__max-w-full fairystaro__max-h-full', messageClassName), [
+        messageClassName
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_namespaceObject.View, {
+        ...rest,
+        className: classNames
+    });
+};
+const FairysTaroPortalMessage = (props)=>{
+    const { className: messageClassName, ...rest } = props;
+    const [state] = (0, global_data_instance_js_namespaceObject.useGlobalData)();
+    const messageData = state.messageData;
+    const classNames = (0, external_react_namespaceObject.useMemo)(()=>external_clsx_default()('fairys_taro-ui-portal-message fairystaro__pointer-events-none fairystaro__position-fixed  fairystaro__top-0 fairystaro__right-0  fairystaro__bottom-0  fairystaro__left-0', messageClassName), [
+        messageClassName
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.FairysTaroPortal, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(FairysTaroMessage, {
+            ...rest,
+            className: classNames,
+            children: messageData.map((item)=>{
+                const { content, visible, __id, ...rest } = item;
+                if (visible) return /*#__PURE__*/ (0, external_react_namespaceObject.createElement)(FairysTaroMessageItem, {
+                    ...rest,
+                    key: __id
+                }, content);
+                return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_namespaceObject.Fragment, {}, `${__id}_hidden`);
+            })
+        })
+    });
+};
+exports.FairysTaroMessage = __webpack_exports__.FairysTaroMessage;
+exports.FairysTaroMessageItem = __webpack_exports__.FairysTaroMessageItem;
+exports.FairysTaroPortalMessage = __webpack_exports__.FairysTaroPortalMessage;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "FairysTaroMessage",
+    "FairysTaroMessageItem",
+    "FairysTaroPortalMessage"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,8 @@
+export interface FairysTaroPortalProps {
+    children: React.ReactNode;
+    /**
+     * 自定义容器(h5环境)
+     */
+    domContainer?: HTMLElement;
+}
+export declare const FairysTaroPortal: (props: FairysTaroPortalProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Portal/index.js

@@ -0,0 +1,45 @@
+"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__, {
+    FairysTaroPortal: ()=>FairysTaroPortal
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_dom_namespaceObject = require("react-dom");
+const components_namespaceObject = require("@tarojs/components");
+const FairysTaroPortal = (props)=>{
+    const { children, domContainer } = props;
+    if ('weapp' === process.env.TARO_ENV) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_namespaceObject.RootPortal, {
+        children: children
+    });
+    return /*#__PURE__*/ (0, external_react_dom_namespaceObject.createPortal)(children, domContainer || document.body);
+};
+exports.FairysTaroPortal = __webpack_exports__.FairysTaroPortal;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "FairysTaroPortal"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1 @@
+export declare const FairysTaroToast: () => import("react/jsx-runtime").JSX.Element;