@agentscope-ai/design 1.0.11 → 1.0.12

package/lib/components/commonComponents/AlertDialog/index.d.ts

@@ -1,38 +1,326 @@
-import { ModalProps } from "../../../index";
-import { SyntheticEvent } from 'react';
-export interface AlertDialogProps extends ModalProps {
-    /**
-     * @description 类型
-     * @descriptionEn type
-     * @default info
-     */
-    type?: 'success' | 'info' | 'warning' | 'error' | 'confirm';
-    /**
-     * @description 确认按钮是否带有danger属性
-     * @descriptionEn whether the confirm button has a danger property
-     * @default false
-     */
-    danger?: boolean;
-    /**
-     * @description 内容
-     * @descriptionEn content
-     * @default -
-     */
-    content?: React.ReactNode;
-    /**
-     * @description 关闭时触发的回调函数
-     * @descriptionEn callback function triggered when closed
-     * @default -
-     */
-    onClose?: (e: SyntheticEvent<Element, Event>) => any;
-}
-type AlertDialogStaticProps = Omit<AlertDialogProps, 'type' | 'open'>;
-declare const _default: {
-    (props: AlertDialogProps): JSX.Element;
-    success: (props?: AlertDialogStaticProps) => void;
-    info: (props?: AlertDialogStaticProps) => void;
-    warning: (props?: AlertDialogStaticProps) => void;
-    error: (props?: AlertDialogStaticProps) => void;
-    confirm: (props?: AlertDialogStaticProps) => void;
+/// <reference types="react" />
+declare const AlertDialog: {
+    (props: import("./mobile").AlertDialogProps): JSX.Element;
+    success: (props?: {
+        classNames?: import("rc-dialog/lib/IDialogPropTypes").ModalClassNames;
+        styles?: import("rc-dialog/lib/IDialogPropTypes").ModalStyles;
+        closable?: boolean | ({
+            closeIcon?: import("react").ReactNode;
+            disabled?: boolean;
+        } & import("react").AriaAttributes);
+        closeIcon?: import("react").ReactNode;
+        centered?: boolean;
+        onOk?: (e: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+        height?: string | number;
+        width?: string | number | Partial<Record<import("antd").Breakpoint, string | number>>;
+        className?: string;
+        style?: import("react").CSSProperties;
+        title?: import("react").ReactNode;
+        content?: import("react").ReactNode;
+        children?: import("react").ReactNode;
+        prefixCls?: string;
+        transitionName?: string;
+        rootClassName?: string;
+        footer?: import("react").ReactNode | ((originNode: import("react").ReactNode, extra: {
+            OkBtn: import("react").FC<{}>;
+            CancelBtn: import("react").FC<{}>;
+        }) => import("react").ReactNode);
+        mask?: boolean;
+        info?: import("react").ReactNode;
+        visible?: boolean;
+        loading?: boolean;
+        danger?: boolean;
+        zIndex?: number;
+        animation?: any;
+        keyboard?: boolean;
+        afterClose?: () => void;
+        afterOpenChange?: (open: boolean) => void;
+        onClose?: (e: import("react").SyntheticEvent<Element, Event>) => any;
+        maskClosable?: boolean;
+        destroyOnClose?: boolean;
+        mousePosition?: {
+            x: number;
+            y: number;
+        };
+        maskTransitionName?: string;
+        maskAnimation?: any;
+        wrapStyle?: Record<string, any>;
+        bodyStyle?: import("react").CSSProperties;
+        maskStyle?: import("react").CSSProperties;
+        wrapClassName?: string;
+        bodyProps?: any;
+        maskProps?: any;
+        wrapProps?: any;
+        getContainer?: string | false | HTMLElement | (() => HTMLElement);
+        modalRender?: (node: import("react").ReactNode) => import("react").ReactNode;
+        forceRender?: boolean;
+        focusTriggerAfterClose?: boolean;
+        panelRef?: import("react").Ref<HTMLDivElement>;
+        okText?: import("react").ReactNode;
+        okType?: import("antd/es/button/button").LegacyButtonType;
+        okButtonProps?: import("antd").ButtonProps;
+        onCancel?: (e: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+        cancelText?: import("react").ReactNode;
+        cancelButtonProps?: import("antd").ButtonProps;
+        showDivider?: boolean;
+        confirmLoading?: boolean;
+    }) => void;
+    info: (props?: {
+        classNames?: import("rc-dialog/lib/IDialogPropTypes").ModalClassNames;
+        styles?: import("rc-dialog/lib/IDialogPropTypes").ModalStyles;
+        closable?: boolean | ({
+            closeIcon?: import("react").ReactNode;
+            disabled?: boolean;
+        } & import("react").AriaAttributes);
+        closeIcon?: import("react").ReactNode;
+        centered?: boolean;
+        onOk?: (e: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+        height?: string | number;
+        width?: string | number | Partial<Record<import("antd").Breakpoint, string | number>>;
+        className?: string;
+        style?: import("react").CSSProperties;
+        title?: import("react").ReactNode;
+        content?: import("react").ReactNode;
+        children?: import("react").ReactNode;
+        prefixCls?: string;
+        transitionName?: string;
+        rootClassName?: string;
+        footer?: import("react").ReactNode | ((originNode: import("react").ReactNode, extra: {
+            OkBtn: import("react").FC<{}>;
+            CancelBtn: import("react").FC<{}>;
+        }) => import("react").ReactNode);
+        mask?: boolean;
+        info?: import("react").ReactNode;
+        visible?: boolean;
+        loading?: boolean;
+        danger?: boolean;
+        zIndex?: number;
+        animation?: any;
+        keyboard?: boolean;
+        afterClose?: () => void;
+        afterOpenChange?: (open: boolean) => void;
+        onClose?: (e: import("react").SyntheticEvent<Element, Event>) => any;
+        maskClosable?: boolean;
+        destroyOnClose?: boolean;
+        mousePosition?: {
+            x: number;
+            y: number;
+        };
+        maskTransitionName?: string;
+        maskAnimation?: any;
+        wrapStyle?: Record<string, any>;
+        bodyStyle?: import("react").CSSProperties;
+        maskStyle?: import("react").CSSProperties;
+        wrapClassName?: string;
+        bodyProps?: any;
+        maskProps?: any;
+        wrapProps?: any;
+        getContainer?: string | false | HTMLElement | (() => HTMLElement);
+        modalRender?: (node: import("react").ReactNode) => import("react").ReactNode;
+        forceRender?: boolean;
+        focusTriggerAfterClose?: boolean;
+        panelRef?: import("react").Ref<HTMLDivElement>;
+        okText?: import("react").ReactNode;
+        okType?: import("antd/es/button/button").LegacyButtonType;
+        okButtonProps?: import("antd").ButtonProps;
+        onCancel?: (e: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+        cancelText?: import("react").ReactNode;
+        cancelButtonProps?: import("antd").ButtonProps;
+        showDivider?: boolean;
+        confirmLoading?: boolean;
+    }) => void;
+    warning: (props?: {
+        classNames?: import("rc-dialog/lib/IDialogPropTypes").ModalClassNames;
+        styles?: import("rc-dialog/lib/IDialogPropTypes").ModalStyles;
+        closable?: boolean | ({
+            closeIcon?: import("react").ReactNode;
+            disabled?: boolean;
+        } & import("react").AriaAttributes);
+        closeIcon?: import("react").ReactNode;
+        centered?: boolean;
+        onOk?: (e: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+        height?: string | number;
+        width?: string | number | Partial<Record<import("antd").Breakpoint, string | number>>;
+        className?: string;
+        style?: import("react").CSSProperties;
+        title?: import("react").ReactNode;
+        content?: import("react").ReactNode;
+        children?: import("react").ReactNode;
+        prefixCls?: string;
+        transitionName?: string;
+        rootClassName?: string;
+        footer?: import("react").ReactNode | ((originNode: import("react").ReactNode, extra: {
+            OkBtn: import("react").FC<{}>;
+            CancelBtn: import("react").FC<{}>;
+        }) => import("react").ReactNode);
+        mask?: boolean;
+        info?: import("react").ReactNode;
+        visible?: boolean;
+        loading?: boolean;
+        danger?: boolean;
+        zIndex?: number;
+        animation?: any;
+        keyboard?: boolean;
+        afterClose?: () => void;
+        afterOpenChange?: (open: boolean) => void;
+        onClose?: (e: import("react").SyntheticEvent<Element, Event>) => any;
+        maskClosable?: boolean;
+        destroyOnClose?: boolean;
+        mousePosition?: {
+            x: number;
+            y: number;
+        };
+        maskTransitionName?: string;
+        maskAnimation?: any;
+        wrapStyle?: Record<string, any>;
+        bodyStyle?: import("react").CSSProperties;
+        maskStyle?: import("react").CSSProperties;
+        wrapClassName?: string;
+        bodyProps?: any;
+        maskProps?: any;
+        wrapProps?: any;
+        getContainer?: string | false | HTMLElement | (() => HTMLElement);
+        modalRender?: (node: import("react").ReactNode) => import("react").ReactNode;
+        forceRender?: boolean;
+        focusTriggerAfterClose?: boolean;
+        panelRef?: import("react").Ref<HTMLDivElement>;
+        okText?: import("react").ReactNode;
+        okType?: import("antd/es/button/button").LegacyButtonType;
+        okButtonProps?: import("antd").ButtonProps;
+        onCancel?: (e: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+        cancelText?: import("react").ReactNode;
+        cancelButtonProps?: import("antd").ButtonProps;
+        showDivider?: boolean;
+        confirmLoading?: boolean;
+    }) => void;
+    error: (props?: {
+        classNames?: import("rc-dialog/lib/IDialogPropTypes").ModalClassNames;
+        styles?: import("rc-dialog/lib/IDialogPropTypes").ModalStyles;
+        closable?: boolean | ({
+            closeIcon?: import("react").ReactNode;
+            disabled?: boolean;
+        } & import("react").AriaAttributes);
+        closeIcon?: import("react").ReactNode;
+        centered?: boolean;
+        onOk?: (e: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+        height?: string | number;
+        width?: string | number | Partial<Record<import("antd").Breakpoint, string | number>>;
+        className?: string;
+        style?: import("react").CSSProperties;
+        title?: import("react").ReactNode;
+        content?: import("react").ReactNode;
+        children?: import("react").ReactNode;
+        prefixCls?: string;
+        transitionName?: string;
+        rootClassName?: string;
+        footer?: import("react").ReactNode | ((originNode: import("react").ReactNode, extra: {
+            OkBtn: import("react").FC<{}>;
+            CancelBtn: import("react").FC<{}>;
+        }) => import("react").ReactNode);
+        mask?: boolean;
+        info?: import("react").ReactNode;
+        visible?: boolean;
+        loading?: boolean;
+        danger?: boolean;
+        zIndex?: number;
+        animation?: any;
+        keyboard?: boolean;
+        afterClose?: () => void;
+        afterOpenChange?: (open: boolean) => void;
+        onClose?: (e: import("react").SyntheticEvent<Element, Event>) => any;
+        maskClosable?: boolean;
+        destroyOnClose?: boolean;
+        mousePosition?: {
+            x: number;
+            y: number;
+        };
+        maskTransitionName?: string;
+        maskAnimation?: any;
+        wrapStyle?: Record<string, any>;
+        bodyStyle?: import("react").CSSProperties;
+        maskStyle?: import("react").CSSProperties;
+        wrapClassName?: string;
+        bodyProps?: any;
+        maskProps?: any;
+        wrapProps?: any;
+        getContainer?: string | false | HTMLElement | (() => HTMLElement);
+        modalRender?: (node: import("react").ReactNode) => import("react").ReactNode;
+        forceRender?: boolean;
+        focusTriggerAfterClose?: boolean;
+        panelRef?: import("react").Ref<HTMLDivElement>;
+        okText?: import("react").ReactNode;
+        okType?: import("antd/es/button/button").LegacyButtonType;
+        okButtonProps?: import("antd").ButtonProps;
+        onCancel?: (e: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+        cancelText?: import("react").ReactNode;
+        cancelButtonProps?: import("antd").ButtonProps;
+        showDivider?: boolean;
+        confirmLoading?: boolean;
+    }) => void;
+    confirm: (props?: {
+        classNames?: import("rc-dialog/lib/IDialogPropTypes").ModalClassNames;
+        styles?: import("rc-dialog/lib/IDialogPropTypes").ModalStyles;
+        closable?: boolean | ({
+            closeIcon?: import("react").ReactNode;
+            disabled?: boolean;
+        } & import("react").AriaAttributes);
+        closeIcon?: import("react").ReactNode;
+        centered?: boolean;
+        onOk?: (e: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+        height?: string | number;
+        width?: string | number | Partial<Record<import("antd").Breakpoint, string | number>>;
+        className?: string;
+        style?: import("react").CSSProperties;
+        title?: import("react").ReactNode;
+        content?: import("react").ReactNode;
+        children?: import("react").ReactNode;
+        prefixCls?: string;
+        transitionName?: string;
+        rootClassName?: string;
+        footer?: import("react").ReactNode | ((originNode: import("react").ReactNode, extra: {
+            OkBtn: import("react").FC<{}>;
+            CancelBtn: import("react").FC<{}>;
+        }) => import("react").ReactNode);
+        mask?: boolean;
+        info?: import("react").ReactNode;
+        visible?: boolean;
+        loading?: boolean;
+        danger?: boolean;
+        zIndex?: number;
+        animation?: any;
+        keyboard?: boolean;
+        afterClose?: () => void;
+        afterOpenChange?: (open: boolean) => void;
+        onClose?: (e: import("react").SyntheticEvent<Element, Event>) => any;
+        maskClosable?: boolean;
+        destroyOnClose?: boolean;
+        mousePosition?: {
+            x: number;
+            y: number;
+        };
+        maskTransitionName?: string;
+        maskAnimation?: any;
+        wrapStyle?: Record<string, any>;
+        bodyStyle?: import("react").CSSProperties;
+        maskStyle?: import("react").CSSProperties;
+        wrapClassName?: string;
+        bodyProps?: any;
+        maskProps?: any;
+        wrapProps?: any;
+        getContainer?: string | false | HTMLElement | (() => HTMLElement);
+        modalRender?: (node: import("react").ReactNode) => import("react").ReactNode;
+        forceRender?: boolean;
+        focusTriggerAfterClose?: boolean;
+        panelRef?: import("react").Ref<HTMLDivElement>;
+        okText?: import("react").ReactNode;
+        okType?: import("antd/es/button/button").LegacyButtonType;
+        okButtonProps?: import("antd").ButtonProps;
+        onCancel?: (e: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+        cancelText?: import("react").ReactNode;
+        cancelButtonProps?: import("antd").ButtonProps;
+        showDivider?: boolean;
+        confirmLoading?: boolean;
+    }) => void;
 };
-export default _default;
+export default AlertDialog;
+export type { AlertDialogProps } from './pc';

package/lib/components/commonComponents/AlertDialog/index.js

@@ -1,154 +1,4 @@
-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); }
-var _excluded = ["children", "type", "danger", "title", "width", "className"];
-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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import $i18n from "../../../i18n";
-import { CheckCircleOutlined, CloseCircleOutlined, ExclamationCircleOutlined, InfoCircleOutlined } from "@agentscope-ai/icons-override-antd";
-import { Flex, Modal } from 'antd';
-import classNames from 'classnames';
-import { getCommonConfig } from "../../../config";
-import { useStyle } from "./index.style";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-var getCommonProps = function getCommonProps(props) {
-  var renderTitle = function renderTitle(_ref) {
-    var type = _ref.type,
-      title = _ref.title;
-    var _getCommonConfig = getCommonConfig(),
-      antPrefix = _getCommonConfig.antPrefix;
-    switch (type) {
-      case 'success':
-        return /*#__PURE__*/_jsxs(Flex, {
-          align: "center",
-          gap: 8,
-          className: "leading-[28px]",
-          children: [/*#__PURE__*/_jsx(CheckCircleOutlined, {
-            style: {
-              color: "var(--".concat(antPrefix, "-color-success)"),
-              fontSize: 18,
-              margin: '0 3px'
-            }
-          }), title]
-        });
-      case 'warning':
-      case 'confirm':
-        return /*#__PURE__*/_jsxs(Flex, {
-          align: "center",
-          gap: 8,
-          className: "leading-[28px]",
-          children: [/*#__PURE__*/_jsx(ExclamationCircleOutlined, {
-            style: {
-              color: "var(--".concat(antPrefix, "-color-warning)"),
-              fontSize: 18,
-              margin: '0 3px'
-            }
-          }), title]
-        });
-      case 'info':
-        return /*#__PURE__*/_jsxs(Flex, {
-          align: "center",
-          gap: 8,
-          className: "leading-[28px]",
-          children: [/*#__PURE__*/_jsx(InfoCircleOutlined, {
-            style: {
-              color: "var(--".concat(antPrefix, "-color-info)"),
-              fontSize: 18,
-              margin: '0 3px'
-            }
-          }), title]
-        });
-      case 'error':
-        return /*#__PURE__*/_jsxs(Flex, {
-          align: "center",
-          gap: 8,
-          className: "leading-[28px]",
-          children: [/*#__PURE__*/_jsx(CloseCircleOutlined, {
-            style: {
-              color: "var(--".concat(antPrefix, "-color-error)"),
-              fontSize: 18,
-              margin: '0 3px'
-            }
-          }), title]
-        });
-      default:
-        return $i18n.get({
-          id: 'components.commonComponents.AlertDialog.Prompt',
-          dm: '提示'
-        });
-    }
-  };
-  var children = props.children,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 'info' : _props$type,
-    _props$danger = props.danger,
-    danger = _props$danger === void 0 ? false : _props$danger,
-    title = props.title,
-    _props$width = props.width,
-    width = _props$width === void 0 ? 400 : _props$width,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    restProps = _objectWithoutProperties(props, _excluded);
-  return {
-    width: width,
-    transitionName: '',
-    restProps: restProps,
-    closeIcon: null,
-    title: renderTitle({
-      type: type,
-      title: title
-    }),
-    okButtonProps: {
-      danger: type === 'error' || type === 'warning' || danger
-    },
-    destroyOnClose: true,
-    className: classNames(className, 'animate-in', "".concat(getCommonConfig().sparkPrefix, "-alert-dialog")),
-    content: props.content || children,
-    children: children
-  };
-};
-var AlertDialog = function AlertDialog(props) {
-  var commonProps = getCommonProps(props);
-  var Style = useStyle();
-  // useIndexStyle();
-
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({
-      width: commonProps.width,
-      transitionName: ""
-    }, commonProps.restProps), {}, {
-      closeIcon: null,
-      title: commonProps.title,
-      okButtonProps: commonProps.okButtonProps || {},
-      destroyOnClose: commonProps.destroyOnClose,
-      className: commonProps.className,
-      children: commonProps.content || commonProps.children
-    }))]
-  });
-};
-var staticFns = ['success', 'info', 'warning', 'error', 'confirm'];
-staticFns.forEach(function (type) {
-  AlertDialog[type] = function (props) {
-    var commonProps = getCommonProps(_objectSpread(_objectSpread({}, props), {}, {
-      type: type
-    }));
-    function Content() {
-      var Style = useStyle();
-      return /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Style, {}), commonProps.content]
-      });
-    }
-
-    // @ts-ignore
-    return Modal.confirm(_objectSpread(_objectSpread(_objectSpread({}, commonProps), commonProps.restProps), {}, {
-      content: /*#__PURE__*/_jsx(Content, {}),
-      icon: null
-    }));
-  };
-});
+import PCAlertDialog from "./pc";
+import MobileAlertDialog from "./mobile";
+var AlertDialog = MOBILE ? MobileAlertDialog : PCAlertDialog;
 export default AlertDialog;

package/lib/components/commonComponents/AlertDialog/index.style.js

@@ -1,7 +1,19 @@
-var _templateObject;
+var _templateObject, _templateObject2;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import createGlobalStyle from "../../../libs/createStyle";
-export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-alert-dialog {\n  .", "-modal-body {\n    padding: 0 0 12px 32px;\n    font-size: 14px;\n    color: var(--", "-color-text-secondary);\n  }\n\n  .", "-modal-confirm-content {\n    padding: 0 0 12px 32px;\n    font-size: 14px;\n    color: var(--", "-color-text-secondary);\n  }\n\n  .", "-modal-confirm-paragraph {\n    max-width: 100%;\n  }\n}\n"])), function (p) {
+export var useStyle = MOBILE ? createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-alert-dialog {\n  min-width: 300px;\n  max-width: 80vw !important;\n  \n  .", "-modal-body {\n    padding: 0 0 12px 32px;\n    font-size: 14px;\n    color: var(--", "-color-text-secondary);\n  }\n\n  .", "-modal-confirm-content {\n    padding: 0 0 12px 32px;\n    font-size: 14px;\n    color: var(--", "-color-text-secondary);\n  }\n\n  .", "-modal-confirm-paragraph {\n    max-width: 100%;\n  }\n}\n"])), function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}) : createGlobalStyle(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n.", "-alert-dialog {\n  .", "-modal-body {\n    padding: 0 0 12px 32px;\n    font-size: 14px;\n    color: var(--", "-color-text-secondary);\n  }\n\n  .", "-modal-confirm-content {\n    padding: 0 0 12px 32px;\n    font-size: 14px;\n    color: var(--", "-color-text-secondary);\n  }\n\n  .", "-modal-confirm-paragraph {\n    max-width: 100%;\n  }\n}\n"])), function (p) {
   return p.sparkPrefix;
 }, function (p) {
   return p.antPrefix;

package/lib/components/commonComponents/AlertDialog/mobile.d.ts

@@ -0,0 +1,38 @@
+import { ModalProps } from "../../../index";
+import { SyntheticEvent } from 'react';
+export interface AlertDialogProps extends ModalProps {
+    /**
+     * @description 类型
+     * @descriptionEn type
+     * @default info
+     */
+    type?: 'success' | 'info' | 'warning' | 'error' | 'confirm';
+    /**
+     * @description 确认按钮是否带有danger属性
+     * @descriptionEn whether the confirm button has a danger property
+     * @default false
+     */
+    danger?: boolean;
+    /**
+     * @description 内容
+     * @descriptionEn content
+     * @default -
+     */
+    content?: React.ReactNode;
+    /**
+     * @description 关闭时触发的回调函数
+     * @descriptionEn callback function triggered when closed
+     * @default -
+     */
+    onClose?: (e: SyntheticEvent<Element, Event>) => any;
+}
+type AlertDialogStaticProps = Omit<AlertDialogProps, 'type' | 'open'>;
+declare const _default: {
+    (props: AlertDialogProps): JSX.Element;
+    success: (props?: AlertDialogStaticProps) => void;
+    info: (props?: AlertDialogStaticProps) => void;
+    warning: (props?: AlertDialogStaticProps) => void;
+    error: (props?: AlertDialogStaticProps) => void;
+    confirm: (props?: AlertDialogStaticProps) => void;
+};
+export default _default;