@pisell/materials 1.0.924 → 1.0.925

package/es/components/batch-editor/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 interface BatchEditorProps {
     columns: any[];

package/es/components/dataSourceComponents/dataSourceForm/utils.d.ts

@@ -43,7 +43,7 @@ export declare const withDataSource: <P extends unknown>(WrappedComponent: React
 }) => JSX.Element;
 export declare const withOptions: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
     options?: any;
-    optionSourceType?: "default" | "custom" | "api" | undefined;
+    optionSourceType?: "custom" | "default" | "api" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;

package/es/components/dataSourceComponents/dataSourceTable/filter/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 interface BaseFilterItem {
     name?: string;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useDataSourceKey.d.ts

@@ -1,5 +1,5 @@
 declare const useDataSourceKey: () => {
-    dataSourceKey: string | import("../../provider/dataSource/DataSourceContext").DataSourceType | undefined;
-    dataSourceKeyRef: import("react").MutableRefObject<string | import("../../provider/dataSource/DataSourceContext").DataSourceType | undefined>;
+    dataSourceKey: string | undefined;
+    dataSourceKeyRef: import("react").MutableRefObject<string | undefined>;
 };
 export default useDataSourceKey;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -17,7 +17,7 @@ interface UseTablePropsProps {
  * @returns
  */
 declare const useTableProps: (props: UseTablePropsProps) => {
-    title: string | number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
+    title: number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
     pagination: {
         total: number;
         current: number;
@@ -26,7 +26,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         showSizeChanger: boolean;
     };
     columns: import("./useColumns").Column[];
-    subTitle: string | number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
+    subTitle: number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
     buttons: any[] | null;
     filter: JSX.Element | null;
     onRow: (record: any) => any;
@@ -53,7 +53,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         width: number;
         align: "center" | "left" | "right";
         fixed: false | "left" | "right";
-        type: "link" | "button";
+        type: "button" | "link";
         items: OperationItem[];
     } | undefined;
     operationContent?: {

package/es/components/dataSourceComponents/fields/Select/index.d.ts

@@ -1,6 +1,6 @@
 declare const SelectWithDataSource: (props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps & {
     options?: any;
-    optionSourceType?: "default" | "custom" | "api" | undefined;
+    optionSourceType?: "custom" | "default" | "api" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;

package/es/components/dataSourceComponents/fields/Upload/CameraPopover.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const CameraPopover: (props: {
     onLocalFileClick: () => void;
     onCameraChange: (file: any) => void;

package/es/components/dataSourceComponents/fields/Upload/utils.d.ts

@@ -15,4 +15,4 @@ export declare const getFileMetadataParams: (file: RcFile & {
     metadata?: MediaMetadata;
 }) => Record<string, any>;
 export declare const isValueEqual: (value: any, fileListValue: any) => boolean;
-export declare const getBaseTime: (size: number) => 1000 | 2000 | 4000 | 8000;
+export declare const getBaseTime: (size: number) => 2000 | 1000 | 4000 | 8000;

package/es/components/dataSourceComponents/fields/index.d.ts

@@ -34,7 +34,7 @@ declare const formFieldMap: {
     };
     FormItemSelect: (props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
         options?: any;
-        optionSourceType?: "default" | "custom" | "api" | undefined;
+        optionSourceType?: "custom" | "default" | "api" | undefined;
         labelField: string;
         valueField: string;
         extraParams?: Record<string, any> | undefined;
@@ -59,7 +59,11 @@ declare const formFieldMap: {
     FormItemTranslation: import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     FormItemIconSelect: import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 };
-declare const getFieldComponent: (fieldComponent: string) => (import("react").FC<import("./Input/type").InputProps> & {
+declare const getFieldComponent: (fieldComponent: string) => import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<{}> & {
+    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+} & {
+    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<import("./Input/type").InputProps> & {
     JSON: import("react").FC<any>;
     Password: import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     TextArea: import("react").FC<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
@@ -79,17 +83,13 @@ declare const getFieldComponent: (fieldComponent: string) => (import("react").FC
         name?: string | undefined;
         fieldKey?: string | undefined;
     } & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
-}) | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<{}> & {
-    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
-} & {
-    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
-}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<{}> & {
+}) | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 }) | ((props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
     options?: any;
-    optionSourceType?: "default" | "custom" | "api" | undefined;
+    optionSourceType?: "custom" | "default" | "api" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;
@@ -97,5 +97,5 @@ declare const getFieldComponent: (fieldComponent: string) => (import("react").FC
     dataSource?: any;
 }) => JSX.Element) | import("react").FC<any> | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & {
     onChange: (value: string) => void;
-} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 export { getFieldComponent, formFieldMap };

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterProps } from "./types";
 declare const Filter: (props: FilterProps) => JSX.Element | null;
 export default Filter;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const List: {
     (props: any): JSX.Element;

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

@@ -13,5 +13,5 @@ export interface PisellToastProps {
     onClose?: () => void;
 }
 declare const PisellToast: (props: PisellToastProps) => void;
-export { default as useToast } from './squareToast/useToast';
+export { useToast } from './squareToast';
 export default PisellToast;

package/es/components/pisellToast/index.js

@@ -32,5 +32,5 @@ var PisellToast = function PisellToast(props) {
     onClose: onClose
   });
 };
-export { default as useToast } from "./squareToast/useToast";
+export { useToast } from "./squareToast";
 export default PisellToast;

package/es/components/pisellToast/squareToast/index.d.ts

@@ -1,25 +1,15 @@
-import React from 'react';
+import { clear, show, success, info, loading, fail, hide } from './methods';
 import './index.less';
-export declare type ToastType = 'success' | 'error' | 'warning' | 'info' | 'loading';
-export interface ToastProps {
-    /** Toast 类型 */
-    type?: ToastType;
-    /** 显示的内容，支持文本或 React 节点 */
-    message: React.ReactNode;
-    /** 是否显示 */
-    visible?: boolean;
-    /** 自动关闭时间，单位毫秒，0 表示不自动关闭 */
-    duration?: number;
-    /** 关闭回调 */
-    onClose?: () => void;
-    /** 自定义图标 */
-    icon?: React.ReactNode;
-    /** 自定义样式类名 */
-    className?: string;
-    /** 自定义样式 */
-    style?: React.CSSProperties;
-    /** 是否显示遮罩 */
-    mask?: boolean;
+interface ToastInstance {
+    show: typeof show;
+    clear: typeof clear;
+    success: typeof success;
+    info: typeof info;
+    loading: typeof loading;
+    fail: typeof fail;
+    error: typeof fail;
+    hide: typeof hide;
 }
-declare const Toast: React.FC<ToastProps>;
+declare const Toast: ToastInstance;
+export declare const useToast: () => ToastInstance;
 export default Toast;

package/es/components/pisellToast/squareToast/index.js

@@ -1,110 +1,28 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useEffect, useMemo, useState } from 'react';
-import Modal from "../../modal";
-import Icon from "../../icon";
-import classNames from 'classnames';
+import { useMemo } from 'react';
+import { clear, show, success, info, loading, fail, hide } from "./methods";
 import "./index.less";
-var icons = {
-  info: '',
-  success: 'iconchenggong-1-01',
-  error: 'icon-warning',
-  warning: 'icon-warning',
-  loading: 'icon-loading',
-  fail: 'icon-warning'
+var Toast = {
+  show: show,
+  clear: clear,
+  success: success,
+  info: info,
+  loading: loading,
+  fail: fail,
+  error: fail,
+  hide: hide
 };
-var Toast = function Toast(_ref) {
-  var _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'info' : _ref$type,
-    message = _ref.message,
-    _ref$visible = _ref.visible,
-    visible = _ref$visible === void 0 ? false : _ref$visible,
-    _ref$duration = _ref.duration,
-    duration = _ref$duration === void 0 ? 2000 : _ref$duration,
-    onClose = _ref.onClose,
-    icon = _ref.icon,
-    className = _ref.className,
-    _ref$mask = _ref.mask,
-    mask = _ref$mask === void 0 ? false : _ref$mask,
-    style = _ref.style;
-  var _useState = useState(visible),
-    _useState2 = _slicedToArray(_useState, 2),
-    internalVisible = _useState2[0],
-    setInternalVisible = _useState2[1];
-  useEffect(function () {
-    setInternalVisible(visible);
-  }, [visible]);
-  useEffect(function () {
-    if (internalVisible && duration > 0) {
-      var timer = setTimeout(function () {
-        handleClose();
-      }, duration);
-      return function () {
-        return clearTimeout(timer);
-      };
-    }
-  }, [internalVisible, duration]);
-  var handleClose = function handleClose() {
-    setInternalVisible(false);
-    onClose === null || onClose === void 0 || onClose();
-  };
-  var showIcon = useMemo(function () {
-    return icon !== undefined || icons[type];
-  }, [type, icon]);
-  var renderIcon = function renderIcon() {
-    if (icon !== undefined) {
-      return icon;
-    }
-    var iconType = icons[type];
-    if (iconType) {
-      return /*#__PURE__*/React.createElement(Icon, {
-        type: iconType,
-        className: "pisell-square-toast-icon pisell-square-toast-icon-".concat(type)
-      });
-    }
-    return null;
-  };
-  return /*#__PURE__*/React.createElement(Modal, {
-    open: visible,
-    footer: null,
-    closable: false,
-    centered: true,
-    maskTransitionName: "",
-    transitionName: "",
-    getContainer: function getContainer() {
-      return document.body;
-    },
-    wrapClassName: "pisell-square-toast-wrap",
-    className: classNames('pisell-square-toast-modal', className),
-    width: "auto",
-    style: _objectSpread({
-      textAlign: 'center'
-    }, style),
-    bodyStyle: {
-      padding: 0
-    },
-    mask: mask,
-    modalRender: function modalRender() {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "pisell-square-toast ".concat(type ? "pisell-square-toast-".concat(type) : '')
-      }, showIcon && /*#__PURE__*/React.createElement("div", {
-        className: "pisell-square-toast-icon-wrapper"
-      }, renderIcon()), /*#__PURE__*/React.createElement("div", {
-        className: "pisell-square-toast-content"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "pisell-square-toast-message"
-      }, message)));
-    }
-  });
+export var useToast = function useToast() {
+  return useMemo(function () {
+    return {
+      show: show,
+      clear: clear,
+      success: success,
+      info: info,
+      loading: loading,
+      fail: fail,
+      error: fail,
+      hide: hide
+    };
+  }, []);
 };
 export default Toast;

package/es/components/pisellToast/squareToast/index.less

@@ -5,6 +5,8 @@
 .pisell-square-toast-modal {
   pointer-events: none;
   user-select: none;
+  min-width: 190px;
+  min-height: 74px;
 
   // Toast 容器
   .pisell-square-toast {
@@ -19,7 +21,6 @@
     overflow: hidden;
     background: rgba(0, 0, 0, 0.8);
 
-    // 图标包装器
     .pisell-square-toast-icon-wrapper {
       display: flex;
       align-items: center;
@@ -43,27 +44,15 @@
 
     // 内容区域
     .pisell-square-toast-content {
-      .pisell-square-toast-message {
-        font-size: 20px;
-        line-height: 1.5;
-        color: #ffffff;
-        text-align: center;
-      }
-    }
-
-    // 带图标的样式调整
-    &.pisell-square-toast-success,
-    &.pisell-square-toast-error,
-    &.pisell-square-toast-warning,
-    &.pisell-square-toast-fail,
-    &.pisell-square-toast-loading {
-      min-width: 190px;
-      min-height: 74px;
+      font-size: 20px;
+      line-height: 1.5;
+      color: #ffffff;
+      text-align: center;
     }
   }
 }
 
-// 旋转动画
+// loading 旋转动画
 @keyframes fadenum {
   to {
     transform: rotate(360deg);

package/es/components/pisellToast/squareToast/methods.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ToastProps } from './toast';
+interface ToastInstance {
+    close: () => void;
+}
+declare const show: (configOrContent: Partial<ToastProps> | React.ReactNode, duration?: number, onClose?: () => void) => ToastInstance;
+declare const clear: () => void;
+declare const success: (content: React.ReactNode, duration?: number, onClose?: () => void) => ToastInstance;
+declare const info: (content: React.ReactNode, duration?: number, onClose?: () => void) => ToastInstance;
+declare const loading: (content: React.ReactNode, duration?: number, onClose?: () => void) => ToastInstance;
+declare const fail: (content: React.ReactNode, duration?: number, onClose?: () => void) => ToastInstance;
+declare const hide: () => void;
+export { show, clear, success, info, loading, fail, hide };

package/es/components/pisellToast/squareToast/methods.js

@@ -0,0 +1,138 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import Toast from "./toast";
+import { renderImperatively } from "./renderImperatively";
+var currentHandler = null;
+var currentTimeout = null;
+var defaultProps = {
+  duration: 2000,
+  mask: false,
+  icon: 'info'
+};
+
+// mergeProps 工具函数
+function mergeProps(a, b) {
+  // 过滤掉 b 中值为 undefined 的字段
+  var filteredB = Object.keys(b).reduce(function (acc, key) {
+    if (b[key] !== undefined) {
+      acc[key] = b[key];
+    }
+    return acc;
+  }, {});
+  return _objectSpread(_objectSpread({}, a), filteredB);
+}
+
+// 基于 renderImperatively 的新 show 实现
+var show = function show(configOrContent, duration, onClose) {
+  var props;
+
+  // 判断是否为 string 或 ReactNode，如果不是则认为是 config 对象
+  if (typeof configOrContent === 'string' || /*#__PURE__*/React.isValidElement(configOrContent)) {
+    // 如果是 string 或 ReactNode，视为 content
+    props = mergeProps(defaultProps, _objectSpread(_objectSpread({
+      content: configOrContent
+    }, duration !== undefined && {
+      duration: duration
+    }), onClose !== undefined && {
+      onClose: onClose
+    }));
+  } else {
+    // 如果不是 string 或 ReactNode，则认为是 config 对象
+    props = mergeProps(defaultProps, configOrContent || {});
+  }
+  var element = /*#__PURE__*/React.createElement(Toast, _extends({}, props, {
+    onClose: function onClose() {
+      var _props$onClose, _props;
+      currentHandler = null;
+      (_props$onClose = (_props = props).onClose) === null || _props$onClose === void 0 || _props$onClose.call(_props);
+    }
+  }));
+  if (currentHandler) {
+    var _currentHandler$isRen, _currentHandler;
+    if ((_currentHandler$isRen = (_currentHandler = currentHandler).isRendered) !== null && _currentHandler$isRen !== void 0 && _currentHandler$isRen.call(_currentHandler)) {
+      currentHandler.replace(element);
+    } else {
+      currentHandler.close();
+      currentHandler = renderImperatively(element);
+    }
+  } else {
+    currentHandler = renderImperatively(element);
+  }
+  if (currentTimeout) {
+    window.clearTimeout(currentTimeout);
+  }
+  if (props.duration !== 0) {
+    currentTimeout = window.setTimeout(function () {
+      clear();
+    }, props.duration);
+  }
+  var instance = {
+    close: function close() {
+      if (currentHandler) {
+        currentHandler.close();
+        currentHandler = null;
+      }
+      if (currentTimeout) {
+        window.clearTimeout(currentTimeout);
+        currentTimeout = null;
+      }
+    }
+  };
+  return instance;
+};
+
+// 清理函数
+var clear = function clear() {
+  if (currentHandler) {
+    currentHandler.close();
+    currentHandler = null;
+  }
+  if (currentTimeout) {
+    window.clearTimeout(currentTimeout);
+    currentTimeout = null;
+  }
+};
+
+// 便捷方法
+var success = function success(content, duration, onClose) {
+  return show({
+    content: content,
+    icon: 'success',
+    duration: duration,
+    onClose: onClose
+  });
+};
+var info = function info(content, duration, onClose) {
+  return show({
+    content: content,
+    icon: 'info',
+    duration: duration,
+    onClose: onClose
+  });
+};
+var loading = function loading(content, duration, onClose) {
+  return show({
+    content: content,
+    icon: 'loading',
+    duration: duration,
+    onClose: onClose
+  });
+};
+var fail = function fail(content, duration, onClose) {
+  return show({
+    content: content,
+    icon: 'error',
+    duration: duration,
+    onClose: onClose
+  });
+};
+var hide = function hide() {
+  clear();
+};
+export { show, clear, success, info, loading, fail, hide };

package/es/components/pisellToast/squareToast/renderImperatively.d.ts

@@ -0,0 +1,31 @@
+import type { ReactElement } from 'react';
+import type { Root } from 'react-dom/client';
+import React from 'react';
+declare type ImperativeProps = {
+    visible?: boolean;
+    onClose?: () => void;
+    afterClose?: () => void;
+};
+declare type TargetElement = ReactElement<ImperativeProps>;
+export declare type ImperativeHandler = {
+    close: () => void;
+    replace: (element: TargetElement) => void;
+    isRendered?: () => boolean;
+};
+export declare type UnmountType = () => Promise<void>;
+export declare type RenderType = (node: React.ReactElement, container: Element | DocumentFragment) => UnmountType;
+declare const MARK = "__rc_react_root__";
+declare type ContainerType = (Element | DocumentFragment) & {
+    [MARK]?: Root;
+};
+export declare function render(node: React.ReactElement, container: ContainerType): void;
+export declare function unmount(container: ContainerType): Promise<void>;
+/**
+ * @deprecated Set React render function for compatible usage.
+ * This is internal usage only compatible with React 19.
+ * And will be removed in next major version.
+ */
+export declare function unstableSetRender(render?: RenderType): RenderType;
+export declare function renderToBody(element: ReactElement): UnmountType;
+export declare function renderImperatively(element: TargetElement): ImperativeHandler;
+export {};