@bifrostui/react 2.0.0-alpha.3 → 2.0.0-alpha.30

package/es/Badge/__tests__/fixtures/A11yDemos.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import Badge from "../../Badge";
 const basicBadgeDemo = () => {
   return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Badge, { content: "12" }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u5185\u5BB9")));

package/es/Breadcrumb/Breadcrumb.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { BreadcrumbProps } from './Breadcrumb.types';
 import './index.less';
 declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<BreadcrumbProps<"nav", {}>, "ref"> & React.RefAttributes<HTMLElement>>;

package/es/Breadcrumb/Breadcrumb.js

@@ -26,7 +26,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import React from "react";
+import * as React from "react";
 import clsx from "clsx";
 import BreadcrumbItem from "./BreadcrumbItem";
 import "./index.css";

package/es/Breadcrumb/Breadcrumb.types.d.ts

@@ -1,5 +1,5 @@
 import { OverrideProps } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 export type BreadcrumbItemProps<D extends React.ElementType = 'li', P = {}> = OverrideProps<{
     props: P & {
         /**

package/es/Breadcrumb/BreadcrumbItem.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { BreadcrumbItemProps } from './Breadcrumb.types';
 declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<BreadcrumbItemProps<"li", {}>, "ref"> & React.RefAttributes<HTMLLIElement>>;
 export default BreadcrumbItem;

package/es/Breadcrumb/BreadcrumbItem.js

@@ -26,7 +26,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import React from "react";
+import * as React from "react";
 import clsx from "clsx";
 const prefixCls = "bui-breadcrumb-item";
 const BreadcrumbItem = /* @__PURE__ */ React.forwardRef(

package/es/Button/Button.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { ButtonProps } from './Button.types';
 import './index.less';
 declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps<"button", {}>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/es/Button/Button.js

@@ -27,7 +27,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import "./index.css";
 const prefixCls = "bui-btn";
 const ButtonIcon = ({ children, iconPosition }) => {

package/es/Button/Button.types.d.ts

@@ -1,5 +1,5 @@
 import { OverrideProps, ThemeColor, ButtonOpenType } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 export type ButtonProps<D extends React.ElementType = 'button', P = {}> = OverrideProps<{
     props: P & {
         /**

package/es/Button/__tests__/fixtures/A11yDemos.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 /**
  * 自定义 Button 组件 Demo 集合
  * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试

package/es/Button/__tests__/fixtures/A11yDemos.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import Button from "../../Button";
 const basicButtonDemo = () => {
   return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Button, null, "\u57FA\u7840\u6309\u94AE"));

package/es/Button/index.css

@@ -20,8 +20,8 @@ xhs-page {
   --bui-btn-small-padding: 0 11px;
   --bui-btn-padding: 0 14px;
   --bui-btn-large-padding: 0 14px;
+  --bui-btn-large-font-size: var(--bui-text-size-2);
   --bui-btn-full-font-size: var(--bui-title-size-4);
-  --bui-btn-full-font-family: var(--bui-font-family);
 }
 .bui-btn {
   outline: 0;
@@ -95,13 +95,12 @@ xhs-page {
   border-radius: var(--bui-btn-small-border-radius);
 }
 .bui-btn-large {
-  font-size: var(--bui-text-size-2);
+  font-size: var(--bui-btn-large-font-size);
   padding: var(--bui-btn-large-padding);
   height: var(--bui-btn-large-height);
   border-radius: var(--bui-btn-large-border-radius);
 }
 .bui-btn-full {
-  font-family: var(--bui-btn-full-font-family);
   font-size: var(--bui-btn-full-font-size);
   width: 100%;
   height: var(--bui-btn-full-height);

package/es/CSSTransition/demo/CSSTransitionDemo.js

@@ -25,6 +25,9 @@ const StackDemo = () => {
       {
         onClick: () => {
           setOpen((prev) => !prev);
+        },
+        style: {
+          marginBottom: "18px"
         }
       },
       open ? "Exit" : "Enter"

package/es/CSSTransition/demo/index.css

@@ -1,6 +1,3 @@
-.bui-btn {
-  margin-bottom: 18px;
-}
 .slide-enter {
   transform: translate3d(-100%, 0, 0);
 }

package/es/Calendar/Calendar.js

@@ -147,7 +147,11 @@ const Calendar = /* @__PURE__ */ React.forwardRef(
       if (!isEqualVal(prevValueRef.current, value)) {
         const latestDate = formattedValue == null ? void 0 : formattedValue[0];
         const lastInitialValue = renderMonth;
-        const inSameMonth = isRangeMode && selectedStartDate && selectedEndDate || latestDate && dayjs(latestDate).isSame(lastInitialValue, "month");
+        if (!latestDate) {
+          prevValueRef.current = value;
+          return;
+        }
+        const inSameMonth = isRangeMode ? selectedStartDate && dayjs(selectedStartDate).isSame(lastInitialValue, "month") || selectedEndDate && dayjs(selectedEndDate).isSame(lastInitialValue, "month") : latestDate && dayjs(latestDate).isSame(lastInitialValue, "month");
         if (!inSameMonth) {
           const latestBeforeThanLast = dayjs(latestDate).isBefore(
             lastInitialValue,

package/es/Calendar/Calendar.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { OverrideProps } from '@bifrostui/types';
 import { CSSTransitionProps } from '../CSSTransition/CSSTransition.types';
 export interface ICalendarInstance {

package/es/Calendar/__tests__/fixtures/A11yDemos.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
+import * as React from 'react';
 export declare const CalendarDemo: () => React.JSX.Element;

package/es/Calendar/__tests__/fixtures/A11yDemos.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import Calendar from "../../Calendar";
 const CalendarDemo = () => {
   return /* @__PURE__ */ React.createElement(Calendar, null);

package/es/Card/Card.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { CardProps } from './Card.types';
 import './Card.less';
 declare const Card: React.ForwardRefExoticComponent<Omit<CardProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/es/Card/Card.js

@@ -27,7 +27,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import "./Card.css";
 const prefixCls = "bui-card";
 const Card = /* @__PURE__ */ React.forwardRef((props, ref) => {

package/es/Card/Card.types.d.ts

@@ -1,5 +1,5 @@
 import { OverrideProps } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 export type CardProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
     props: P;
     defaultComponent: D;

package/es/Card/CardContent.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { CardContentProps } from './CardContent.types';
 import './CardContent.less';
 declare const CardContent: React.ForwardRefExoticComponent<Omit<CardContentProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/es/Card/CardContent.js

@@ -27,7 +27,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import "./CardContent.css";
 const prefixCls = "bui-card-content";
 const CardContent = /* @__PURE__ */ React.forwardRef(

package/es/Card/CardContent.types.d.ts

@@ -1,5 +1,5 @@
 import { OverrideProps } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 export type CardContentProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
     props: P;
     defaultComponent: D;

package/es/Card/CardFooter.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { CardFooterProps } from './CardFooter.types';
 import './CardFooter.less';
 declare const CardFooter: React.ForwardRefExoticComponent<Omit<CardFooterProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/es/Card/CardFooter.js

@@ -27,7 +27,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import "./CardFooter.css";
 const prefixCls = "bui-card-footer";
 const CardFooter = /* @__PURE__ */ React.forwardRef(

package/es/Card/CardFooter.types.d.ts

@@ -1,5 +1,5 @@
 import { OverrideProps } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 export type CardFooterProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
     props: P;
     defaultComponent: D;

package/es/Card/CardHeader.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { CardHeaderProps } from './CardHeader.types';
 import './CardHeader.less';
 declare const CardHeader: React.ForwardRefExoticComponent<Omit<CardHeaderProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/es/Card/CardHeader.js

@@ -28,7 +28,7 @@ var __objRest = (source, exclude) => {
 };
 import { ArrowForwardIcon } from "@bifrostui/icons";
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import "./CardHeader.css";
 const prefixCls = "bui-card-header";
 const CardHeader = /* @__PURE__ */ React.forwardRef(

package/es/Checkbox/CheckboxContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { CheckboxContextProps } from './Checkbox.types';
 declare const CheckboxContext: React.Context<CheckboxContextProps>;
 export declare const CheckboxContextProvider: React.Provider<CheckboxContextProps>;

package/es/Checkbox/CheckboxContext.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 const CheckboxContext = React.createContext(null);
 const CheckboxContextProvider = CheckboxContext.Provider;
 var CheckboxContext_default = CheckboxContext;

package/es/Checkbox/__tests__/fixtures/A11yDemos.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 /**
  * 自定义 Checkbox 组件 Demo 集合
  * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试

package/es/Checkbox/__tests__/fixtures/A11yDemos.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import Checkbox from "../../Checkbox";
 const basicCheckboxDemo = () => {
   return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement(Checkbox, { checked: true }), "Checkbox"));

package/es/CitySelector/CitySelector.types.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { OverrideProps } from '@bifrostui/types';
 export type cityType = {
     /** 城市名 */

package/es/CitySelector/Selector/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { cityType } from '../CitySelector.types';
 import './index.less';
 type propsType = {

package/es/CitySelector/Selector/index.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import "./index.css";
 const Selector = (props) => {
   const { city, onSelect } = props;

package/es/Collapse/Collapse.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { TransitionProps } from '../Transition';
 export interface CollapseProps extends Omit<TransitionProps, 'children'> {
     easing?: string | {

package/es/CollapsePanel/CollapsePanel.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { CollapsePanelProps } from './CollapsePanel.types';
 import './index.less';
 declare const CollapsePanel: React.ForwardRefExoticComponent<Omit<CollapsePanelProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/es/CollapsePanel/CollapsePanel.js

@@ -29,7 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import React from "react";
+import * as React from "react";
 import clsx from "clsx";
 import { ArrowDownwardLargeIcon } from "@bifrostui/icons";
 import { useValue } from "@bifrostui/utils";

package/es/CollapsePanel/CollapsePanel.types.d.ts

@@ -1,5 +1,5 @@
 import { OverrideProps } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 export type CollapsePanelItemProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
     props: P & {
         /**

package/es/CollapsePanel/CollapsePanelItem.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { CollapsePanelItemProps } from './CollapsePanel.types';
 declare const CollapsePanelItem: React.ForwardRefExoticComponent<Omit<CollapsePanelItemProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default CollapsePanelItem;

package/es/CollapsePanel/CollapsePanelItem.js

@@ -26,7 +26,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import React from "react";
+import * as React from "react";
 import clsx from "clsx";
 import { Collapse } from "../Collapse";
 const prefixCls = "bui-collapse-panel-item";

package/es/Countdown/Countdown.types.d.ts

@@ -1,5 +1,5 @@
 import { OverrideProps } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 /**
  * 当前时间
  */
@@ -115,7 +115,7 @@ export interface CountdownItem {
 /**
  * 格式化倒计时
  */
-export type FormatedCountdown = {
+export type FormattedCountdown = {
     /**
      * 剩余总时间
      */

package/es/Countdown/__tests__/fixtures/A11yDemos.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 /**
  * 自定义 Countdown 组件 Demo 集合
  * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试

package/es/Countdown/__tests__/fixtures/A11yDemos.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import Countdown from "../../Countdown";
 const basicCountdownDemo = () => {
   return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Countdown, { remainingTime: 60 * 1e3 }));

package/es/Countdown/utils.d.ts

@@ -1,4 +1,4 @@
-import { CurrentTime, FormatedCountdown } from './Countdown.types';
+import { CurrentTime, FormattedCountdown } from './Countdown.types';
 /**
  * 解析时间，将结束时间戳拆分为剩余时间对象
  */
@@ -6,4 +6,4 @@ export declare const parseTime: (endTime: number, offsetTime: number) => Current
 /**
  * 格式化倒计时，将剩余时间格式化为指定格式，并拆分位各个时间模块
  */
-export declare const formatCountdown: (duration: number, format: string) => FormatedCountdown;
+export declare const formatCountdown: (duration: number, format: string) => FormattedCountdown;

package/es/Countdown/utils.js

@@ -26,9 +26,9 @@ const preAppend = (num) => {
   return num < 10 ? `0${num}` : `${num}`;
 };
 const parseTime = (endTime, offsetTime) => {
-  const now = (/* @__PURE__ */ new Date()).getTime();
-  let total = endTime - now - offsetTime || 0;
-  total = total < 0 ? 0 : total;
+  const now = Date.now();
+  const t = endTime - now - offsetTime || 0;
+  const total = Math.max(0, t);
   const years = Math.floor(total / YEAR);
   const months = Math.floor(total / MONTH);
   const days = Math.floor(total / DAY);
@@ -50,7 +50,7 @@ const parseTime = (endTime, offsetTime) => {
 const formatCountdown = (duration, format) => {
   let timeList = [];
   let leftDuration = duration;
-  const escapeRegex = /\[[^\]]*]/g;
+  const escapeRegex = /\[(?:[^\]]{0,100})\]/g;
   const keepList = (format.match(escapeRegex) || []).map(
     (str) => str.slice(1, -1)
   );

package/es/DatePicker/DatePicker.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { OverrideProps } from '@bifrostui/types';
 import { PickerProps, IPickerOptionItem } from '../Picker';
 import { DatePickerType } from './constants';

package/es/DesktopPicker/DesktopPicker.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { OverrideProps } from '@bifrostui/types';
 import { BackdropProps } from '../Backdrop/Backdrop.types';
 export type DesktopPickerProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{

package/es/DesktopTimePicker/DesktopTimePicker.types.d.ts

@@ -10,6 +10,17 @@ export type TimeSteps = {
     minute?: number;
     second?: number;
 };
+/** 时间面板单元格对象 */
+export interface ITimeInstance {
+    value: number | string;
+    label: string;
+    disabled: boolean;
+}
+export type DisabledTimeView = () => {
+    hour?: () => number[];
+    minute?: (selectedHour: number) => number[];
+    second?: (selectedHour: number, selectedMinute: number) => number[];
+};
 export type TimePickerProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
     props: P & {
         /**
@@ -105,11 +116,6 @@ export type TimePickerProps<D extends React.ElementType = 'div', P = {}> = Overr
     };
     defaultComponent: D;
 }, D>;
-export type DisabledTimeView = () => {
-    hour?: () => number[];
-    minute?: (selectedHour: number) => number[];
-    second?: (selectedHour: number, selectedMinute: number) => number[];
-};
 export interface TimePickerContentProps {
     setIsOpen: Function;
     triggerChange: Function;
@@ -160,12 +166,6 @@ export interface TimePickerContentProps {
      */
     setIsInvalid: (a: boolean) => void;
 }
-/** 时间面板单元格对象 */
-export interface ITimeInstance {
-    value: number | string;
-    label: string;
-    disabled: boolean;
-}
 /** 时分秒面板单元格对象 */
 export interface ITimeItemNumberInstance {
     value: number;

package/es/DesktopTimePicker/useGetTimePickerContent.js

@@ -21,7 +21,7 @@ import clsx from "clsx";
 import React, { useEffect } from "react";
 import DesktopTimePickerList from "./DesktopTimePickerList";
 import {
-  getdisabledTime,
+  getDisabledTime,
   calculateValidMinTime,
   isDisabledTime
 } from "./utils/utils";
@@ -88,7 +88,7 @@ const useGetTimePickerContent = (props) => {
     return lists.map((type, index) => {
       var _a;
       const dataList = getViewListData(type, timeSteps[type]);
-      const disabledTime = getdisabledTime(
+      const disabledTime = getDisabledTime(
         type,
         timeValue,
         minTime,
@@ -126,7 +126,7 @@ const useGetTimePickerContent = (props) => {
         const updateHour = (hour) => validTime.format("A") === "PM" ? hour + 12 : hour;
         const getValidTimeValue = (view, newTimeValue) => {
           var _a2, _b;
-          let viewDisabledTime = getdisabledTime(
+          let viewDisabledTime = getDisabledTime(
             view,
             newTimeValue,
             minTime,

package/es/DesktopTimePicker/utils/utils.d.ts

@@ -23,6 +23,6 @@ export declare const getOutOfMinRangeMinutes: (hourValue: number, minTime: Dayjs
 export declare const getOutOfMaxRangeMinutes: (hourValue: number, maxTime: Dayjs, dataList: ITimeItemNumberInstance[]) => number[];
 export declare const getOutOfMinRangeSeconds: (hourValue: number, minuteValue: number, minTime: Dayjs, dataList: ITimeItemNumberInstance[]) => number[];
 export declare const getOutOfMaxRangeSeconds: (hourValue: number, minuteValue: number, maxTime: Dayjs, dataList: ITimeItemNumberInstance[]) => number[];
-export declare const getdisabledTime: (type: ViewTypeWithMeridiem, timeValue: Dayjs, minTime: Dayjs, maxTime: Dayjs, dataList: ITimeInstance[], disabledTimeView: DisabledTimeView, timeSteps: TimeSteps, ampm?: boolean) => (string | number)[];
+export declare const getDisabledTime: (type: ViewTypeWithMeridiem, timeValue: Dayjs, minTime: Dayjs, maxTime: Dayjs, dataList: ITimeInstance[], disabledTimeView: DisabledTimeView, timeSteps: TimeSteps, ampm?: boolean) => (string | number)[];
 export declare const calculateValidMinTime: (disabledTimeView: DisabledTimeView, minTime?: Dayjs) => dayjs.Dayjs;
 export declare const dateToDayjs: (date: Date) => dayjs.Dayjs;

package/es/DesktopTimePicker/utils/utils.js

@@ -101,7 +101,7 @@ const getOutOfMaxRangeSeconds = (hourValue, minuteValue, maxTime, dataList) => {
   }
   return outOfMaxRangeMinutes;
 };
-const getdisabledTime = (type, timeValue, minTime, maxTime, dataList, disabledTimeView, timeSteps, ampm) => {
+const getDisabledTime = (type, timeValue, minTime, maxTime, dataList, disabledTimeView, timeSteps, ampm) => {
   var _a, _b, _c, _d, _e;
   const isRangeDate = getIsRangeDate(timeValue, minTime, maxTime);
   if (!isRangeDate) {
@@ -353,13 +353,13 @@ const dateToDayjs = (date) => {
 export {
   calculateValidMinTime,
   dateToDayjs,
+  getDisabledTime,
   getIsRangeDate,
   getIsRangeTime,
   getOutOfMaxRangeMinutes,
   getOutOfMaxRangeSeconds,
   getOutOfMinRangeMinutes,
   getOutOfMinRangeSeconds,
-  getdisabledTime,
   isDisabledTime,
   isDisabledViewTime
 };

package/es/Dialog/Dialog.js

@@ -52,7 +52,9 @@ const Dialog = /* @__PURE__ */ React.forwardRef((props, ref) => {
     placeholder,
     InputProps,
     className,
-    theme
+    theme,
+    okButtonProps,
+    cancelButtonProps
   } = _a, others = __objRest(_a, [
     "open",
     "onOk",
@@ -65,7 +67,9 @@ const Dialog = /* @__PURE__ */ React.forwardRef((props, ref) => {
     "placeholder",
     "InputProps",
     "className",
-    "theme"
+    "theme",
+    "okButtonProps",
+    "cancelButtonProps"
   ]);
   const inputRef = useRef(null);
   const titleId = useUniqueId();
@@ -88,20 +92,23 @@ const Dialog = /* @__PURE__ */ React.forwardRef((props, ref) => {
   };
   const actionsNode = /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-actions` }, !isAlertMode && /* @__PURE__ */ React.createElement(
     Button,
-    {
-      variant: "text",
+    __spreadValues({
+      variant: "subtle",
+      color: "primary",
+      size: "full",
       onClick: handleCancel,
-      className: `${prefixCls}-actions-btn`
-    },
+      className: `${prefixCls}-actions-btn-cancel`
+    }, cancelButtonProps),
     cancelText || cancel
   ), /* @__PURE__ */ React.createElement(
     Button,
-    {
-      variant: "text",
+    __spreadValues({
+      variant: "contained",
       color: "primary",
+      size: "full",
       onClick: handleOk,
-      className: `${prefixCls}-actions-btn`
-    },
+      className: `${prefixCls}-actions-btn-ok`
+    }, okButtonProps),
     okText || ok
   ));
   const inputNode = isPromptMode && /* @__PURE__ */ React.createElement(
@@ -118,12 +125,12 @@ const Dialog = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const ariaDescribedBy = content ? contentId : void 0;
   return /* @__PURE__ */ React.createElement(
     Modal,
-    __spreadProps(__spreadValues({}, others), {
+    __spreadValues({
       open,
       ref,
       className: clsx(prefixCls, `${prefixCls}-${type}`, className),
       onClose: handleCancel
-    }),
+    }, others),
     /* @__PURE__ */ React.createElement(
       "div",
       {