@nutui/nutui-react 3.0.0-beta.9 → 3.0.0

package/dist/cjs/packages/datepicker/utils.d.ts

@@ -0,0 +1,70 @@
+import { PickerOption, PickerOptions, PickerValue } from "../pickerview/types";
+/**
+ * 获取指定年份和月份的最后一天
+ * @param year - 年份
+ * @param month - 月份（1 到 12）
+ * @returns 返回该月份的最后一天
+ */
+export declare function getLastDayOfMonth(year: number, month: number): number;
+/**
+ * 根据类型和日期值，计算并返回日期边界值（年、月、日、时、分、秒）
+ * @param type 边界类型：'min' 表示最小值，'max' 表示最大值
+ * @param value 传入的日期值
+ * @param startDate 传入的开始时间
+ * @param endDate 传入的结束时间
+ * @returns 返回包含边界值的对象
+ */
+export declare const calculateDateBoundary: (type: "min" | "max", value: Date, startDate: Date, endDate: Date) => {
+    [x: string]: number;
+};
+/**
+ * 根据选中的日期和类型，生成日期选择器的范围配置
+ * @returns {Array} 返回日期选择器的范围配置数组
+ */
+export declare const generateDatePickerRanges: (type: string, selectedDate: number, startDate: Date, endDate: Date) => {
+    type: string;
+    range: number[];
+}[];
+/**
+ * 根据类型获取日期对象中对应的值
+ * @param type 需要获取的日期部分（如 'year', 'month', 'day' 等）
+ * @param selectedDate 选中的日期时间戳
+ * @returns 返回日期对象中对应部分的值，如果类型无效或日期无效，返回 0
+ */
+export declare const getDatePartValue: (type: string, selectedDate: number) => number;
+/**
+ * 生成 Picker 的列数据，并触发回调函数返回选中索引
+ * @param min 最小值
+ * @param max 最大值
+ * @param currentValue 当前选中的值
+ * @param type 列的类型（如 'year', 'month', 'minute' 等）
+ * @param minuteStep 分钟步长（仅当类型为 'minute' 时生效）
+ * @param callback 回调函数，用于返回选中索引
+ * @returns 返回生成的 Picker 列数据
+ */
+export declare const generatePickerColumnWithCallback: (min: number, max: number, currentValue: number | string, type: string, minuteStep: number, callback: (selectedIndex: number, options: PickerOptions) => void, showChinese: boolean, zhCNType: {
+    [key: string]: string;
+}, formatter?: (type: string, option: PickerOption) => PickerOption) => PickerOptions;
+/**
+ * 格式化 Picker 选项
+ * @param type 选项类型（如 'year', 'month', 'minute' 等）
+ * @param value 选项的值
+ * @param showChinese 是否显示中文文本
+ * @param zhCNType 中文文本映射对象
+ * @param formatter 自定义格式化函数
+ * @returns 返回格式化后的 Picker 选项
+ */
+export declare const formatPickerOption: (type: string, value: string | number, showChinese: boolean, zhCNType: {
+    [key: string]: string;
+}, formatter?: (type: string, option: PickerOption) => PickerOption) => PickerOption;
+/**
+ * 格式化日期值，确保其在 startDate 和 endDate 之间
+ */
+export declare const formatValue: (value: Date | null, startDate: Date, endDate: Date) => number;
+/**
+ * 处理 Picker 值变化的逻辑
+ * @param selectedOptions 选中的选项数组
+ * @param selectedValue 选中的值数组
+ * @param index 当前列的索引
+ */
+export declare const handlePickerValueChange: (selectedOptions: PickerOptions, selectedValue: PickerValue[], index: number, type: string, defaultDate: Date, handleDateComparison: (newDate: Date | null, selectedOptions: PickerOptions, index: number) => void) => void;

package/dist/cjs/packages/datepicker/utils.js

@@ -0,0 +1,240 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    calculateDateBoundary: function() {
+        return calculateDateBoundary;
+    },
+    formatPickerOption: function() {
+        return formatPickerOption;
+    },
+    formatValue: function() {
+        return formatValue;
+    },
+    generateDatePickerRanges: function() {
+        return generateDatePickerRanges;
+    },
+    generatePickerColumnWithCallback: function() {
+        return generatePickerColumnWithCallback;
+    },
+    getDatePartValue: function() {
+        return getDatePartValue;
+    },
+    getLastDayOfMonth: function() {
+        return getLastDayOfMonth;
+    },
+    handlePickerValueChange: function() {
+        return handlePickerValueChange;
+    }
+});
+var _define_property = require("@swc/helpers/_/_define_property");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _padzero = require("../../utils/pad-zero");
+var _isdate = require("../../utils/is-date");
+function getLastDayOfMonth(year, month) {
+    return new Date(year, month, 0).getDate();
+}
+var calculateDateBoundary = function calculateDateBoundary(type, value, startDate, endDate) {
+    var boundary = type === 'min' ? startDate : endDate;
+    var year = boundary.getFullYear();
+    var isMax = type === 'max';
+    var month = isMax ? 12 : 1;
+    var date = isMax ? getLastDayOfMonth(value.getFullYear(), value.getMonth() + 1) : 1;
+    var hour = isMax ? 23 : 0;
+    var minute = isMax ? 59 : 0;
+    if (value.getFullYear() === year) {
+        month = boundary.getMonth() + 1;
+        if (value.getMonth() + 1 === month) {
+            date = boundary.getDate();
+            if (value.getDate() === date) {
+                hour = boundary.getHours();
+                if (value.getHours() === hour) {
+                    minute = boundary.getMinutes();
+                }
+            }
+        }
+    }
+    var _obj;
+    // 返回边界值的对象
+    return _obj = {}, (0, _define_property._)(_obj, "".concat(type, "Year"), year), (0, _define_property._)(_obj, "".concat(type, "Month"), month), (0, _define_property._)(_obj, "".concat(type, "Date"), date), (0, _define_property._)(_obj, "".concat(type, "Hour"), hour), (0, _define_property._)(_obj, "".concat(type, "Minute"), minute), (0, _define_property._)(_obj, "".concat(type, "Seconds"), minute), _obj;
+};
+var generateDatePickerRanges = function generateDatePickerRanges(type, selectedDate, startDate, endDate) {
+    var selected = new Date(selectedDate);
+    if (!selected) return [];
+    // 获取最大和最小边界值
+    var _calculateDateBoundary = calculateDateBoundary('max', selected, startDate, endDate), maxYear = _calculateDateBoundary.maxYear, maxDate = _calculateDateBoundary.maxDate, maxMonth = _calculateDateBoundary.maxMonth, maxHour = _calculateDateBoundary.maxHour, maxMinute = _calculateDateBoundary.maxMinute, maxSeconds = _calculateDateBoundary.maxSeconds;
+    var _calculateDateBoundary1 = calculateDateBoundary('min', selected, startDate, endDate), minYear = _calculateDateBoundary1.minYear, minDate = _calculateDateBoundary1.minDate, minMonth = _calculateDateBoundary1.minMonth, minHour = _calculateDateBoundary1.minHour, minMinute = _calculateDateBoundary1.minMinute, minSeconds = _calculateDateBoundary1.minSeconds;
+    var fullRanges = [
+        {
+            type: 'year',
+            range: [
+                minYear,
+                maxYear
+            ]
+        },
+        {
+            type: 'month',
+            range: [
+                minMonth,
+                maxMonth
+            ]
+        },
+        {
+            type: 'day',
+            range: [
+                minDate,
+                maxDate
+            ]
+        },
+        {
+            type: 'hour',
+            range: [
+                minHour,
+                maxHour
+            ]
+        },
+        {
+            type: 'minute',
+            range: [
+                minMinute,
+                maxMinute
+            ]
+        },
+        {
+            type: 'seconds',
+            range: [
+                minSeconds,
+                maxSeconds
+            ]
+        }
+    ];
+    // 根据类型返回对应的范围配置
+    switch(type.toLocaleLowerCase()){
+        case 'date':
+            return fullRanges.slice(0, 3);
+        case 'datetime':
+            return fullRanges.slice(0, 5);
+        case 'time':
+            return fullRanges.slice(3, 6);
+        case 'year-month':
+            return fullRanges.slice(0, 2);
+        case 'hour-minutes':
+            return fullRanges.slice(3, 5);
+        case 'month-day':
+            return fullRanges.slice(1, 3);
+        case 'datehour':
+            return fullRanges.slice(0, 4);
+        default:
+            return fullRanges;
+    }
+};
+var getDatePartValue = function getDatePartValue(type, selectedDate) {
+    var date = new Date(selectedDate);
+    if (!selectedDate) return 0;
+    switch(type){
+        case 'year':
+            return date.getFullYear();
+        case 'month':
+            return date.getMonth() + 1;
+        case 'day':
+            return date.getDate();
+        case 'hour':
+            return date.getHours();
+        case 'minute':
+            return date.getMinutes();
+        case 'seconds':
+            return date.getSeconds();
+        default:
+            return 0;
+    }
+};
+var generatePickerColumnWithCallback = function generatePickerColumnWithCallback(min, max, currentValue, type, minuteStep, callback, showChinese, zhCNType, formatter) {
+    var currentMin = min;
+    var options = [];
+    var selectedIndex = 0;
+    // 遍历从最小值到最大值的范围
+    while(currentMin <= max){
+        // 将当前值格式化为 PickerOption 并添加到数组中
+        options.push(formatPickerOption(type, currentMin, showChinese, zhCNType, formatter));
+        // 根据类型决定步长：如果是分钟，使用 minuteStep，否则步长为 1
+        if (type === 'minute') {
+            currentMin += minuteStep;
+        } else {
+            currentMin++;
+        }
+        // 如果当前值小于等于选中的值，更新选中索引
+        if (currentMin <= Number(currentValue)) {
+            selectedIndex++;
+        }
+    }
+    callback(selectedIndex, options);
+    return options;
+};
+var formatPickerOption = function formatPickerOption(type, value, showChinese, zhCNType, formatter) {
+    if (formatter) {
+        return formatter(type, {
+            label: (0, _padzero.padZero)(value, 2),
+            value: (0, _padzero.padZero)(value, 2)
+        });
+    }
+    var paddedValue = (0, _padzero.padZero)(value, 2);
+    var chineseText = showChinese ? zhCNType[type] : '';
+    return {
+        label: paddedValue + chineseText,
+        value: paddedValue
+    };
+};
+var formatValue = function formatValue(value, startDate, endDate) {
+    if (!value || value && !(0, _isdate.isDate)(value)) {
+        value = startDate;
+    }
+    return Math.min(Math.max(value.getTime(), startDate.getTime()), endDate.getTime());
+};
+var handlePickerValueChange = function handlePickerValueChange(selectedOptions, selectedValue, index, type, defaultDate, handleDateComparison) {
+    var rangeType = type.toLocaleLowerCase();
+    if ([
+        'date',
+        'datetime',
+        'datehour',
+        'month-day',
+        'year-month'
+    ].includes(rangeType)) {
+        var formattedDate = [];
+        selectedValue.forEach(function(item) {
+            formattedDate.push(item);
+        });
+        if (rangeType === 'month-day' && formattedDate.length < 3) {
+            formattedDate.unshift(new Date(defaultDate).getFullYear());
+        }
+        if (rangeType === 'year-month' && formattedDate.length < 3) {
+            formattedDate.push(new Date(defaultDate).getDate());
+        }
+        var year = Number(formattedDate[0]);
+        var month = Number(formattedDate[1]) - 1;
+        var day = Math.min(Number(formattedDate[2]), getLastDayOfMonth(year, month + 1));
+        var date = null;
+        if (rangeType === 'date' || rangeType === 'month-day' || rangeType === 'year-month') {
+            date = new Date(year, month, day);
+        } else if (rangeType === 'datetime') {
+            date = new Date(year, month, day, Number(formattedDate[3]), Number(formattedDate[4]));
+        } else if (rangeType === 'datehour') {
+            date = new Date(year, month, day, Number(formattedDate[3]));
+        }
+        handleDateComparison(date, selectedOptions, index);
+    } else {
+        var _selectedValue = (0, _sliced_to_array._)(selectedValue, 3), hour = _selectedValue[0], minute = _selectedValue[1], seconds = _selectedValue[2];
+        var currentDate = new Date(defaultDate);
+        var year1 = currentDate.getFullYear();
+        var month1 = currentDate.getMonth();
+        var day1 = currentDate.getDate();
+        var date1 = new Date(year1, month1, day1, Number(hour), Number(minute), rangeType === 'time' ? Number(seconds) : 0);
+        handleDateComparison(date1, selectedOptions, index);
+    }
+};

package/dist/cjs/packages/dialog/confirm.d.ts

@@ -1,4 +1,5 @@
-import { DialogConfirmProps, DialogReturnProps } from './config';
-export declare const normalizeConfig: (config: DialogConfirmProps) => DialogConfirmProps;
-declare const confirm: (config: DialogConfirmProps, renderFunc?: (props: DialogConfirmProps) => void) => DialogReturnProps;
+import { DialogConfirmProps, DialogReturnProps } from './types';
+type DialogConfirmNativeProps = Partial<DialogConfirmProps>;
+export declare const normalizeConfig: (config: DialogConfirmNativeProps) => DialogConfirmNativeProps;
+declare const confirm: (config: DialogConfirmNativeProps, renderFunc?: (props: DialogConfirmNativeProps) => void) => DialogReturnProps;
 export default confirm;

package/dist/cjs/packages/dialog/confirm.js

@@ -21,25 +21,13 @@ var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
 var _dialog = require("./dialog");
-var _config = require("./config");
+var _types = require("./types");
 var _render = require("../../utils/render");
 function ConfirmDialog(props) {
     return /*#__PURE__*/ _react.default.createElement(_dialog.Dialog, props, props.content);
 }
 var normalizeConfig = function normalizeConfig(config) {
-    if (config.isNotice) {
-        var icon = config.icon;
-        if (!icon && icon !== null) {
-            switch(config.noticeType){
-                case 'alert':
-                    icon = '';
-                    break;
-                default:
-                    break;
-            }
-        }
-        config.hideCancelButton = true;
-    }
+    config.hideCancelButton = config.isNotice;
     return config;
 };
 var confirm = function confirm(config, renderFunc) {
@@ -83,10 +71,10 @@ var confirm = function confirm(config, renderFunc) {
         if (div === null || div === void 0 ? void 0 : div.parentNode) {
             div.parentNode.removeChild(div);
         }
-        for(var i = 0; i < _config.destroyList.length; i++){
-            var fn = _config.destroyList[i];
+        for(var i = 0; i < _types.destroyList.length; i++){
+            var fn = _types.destroyList[i];
             if (fn === close) {
-                _config.destroyList.splice(i, 1);
+                _types.destroyList.splice(i, 1);
                 break;
             }
         }
@@ -102,9 +90,7 @@ var confirm = function confirm(config, renderFunc) {
         });
     };
     var update = function update(newConfig) {
-        dialogConfig = (0, _object_spread._)((0, _object_spread_props._)((0, _object_spread._)({}, dialogConfig), {
-            title: config.title
-        }), newConfig);
+        dialogConfig = (0, _object_spread._)({}, dialogConfig, newConfig);
         dialogConfig = normalizeConfig(dialogConfig);
         renderFunction(dialogConfig);
     };
@@ -116,7 +102,7 @@ var confirm = function confirm(config, renderFunc) {
         };
         renderFunction(dialogConfig);
     };
-    _config.destroyList.push(close);
+    _types.destroyList.push(close);
     return {
         close: close,
         update: update

package/dist/cjs/packages/dialog/content.d.ts

@@ -1,11 +1,4 @@
-import { FunctionComponent, ReactNode, HTMLAttributes } from 'react';
-interface ContentProps {
-    visible: boolean;
-    title: ReactNode;
-    header: ReactNode;
-    footer: ReactNode;
-    close: ReactNode;
-    footerDirection: string;
-}
-export declare const Content: FunctionComponent<Partial<ContentProps> & HTMLAttributes<HTMLDivElement>>;
-export {};
+import { FunctionComponent, HTMLAttributes } from 'react';
+import { ContentProps } from './types';
+export declare const defaultContentProps: ContentProps;
+export declare const Content: FunctionComponent<Partial<ContentProps> & Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'content'>>;

package/dist/cjs/packages/dialog/content.js

@@ -2,38 +2,54 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "Content", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Content: function() {
         return Content;
+    },
+    defaultContentProps: function() {
+        return defaultContentProps;
     }
 });
 var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
 var _define_property = require("@swc/helpers/_/_define_property");
+var _object_spread = require("@swc/helpers/_/_object_spread");
 var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
+var defaultContentProps = {
+    visible: false,
+    title: '',
+    header: '',
+    footer: '',
+    close: '',
+    footerDirection: 'horizontal',
+    onClick: function onClick() {}
+};
 var Content = function Content(props) {
-    var visible = props.visible, title = props.title, header = props.header, footer = props.footer, close = props.close, footerDirection = props.footerDirection, onClick = props.onClick, children = props.children;
+    var _$_object_spread = (0, _object_spread._)({}, defaultContentProps, props), visible = _$_object_spread.visible, title = _$_object_spread.title, header = _$_object_spread.header, footer = _$_object_spread.footer, close = _$_object_spread.close, footerDirection = _$_object_spread.footerDirection, children = _$_object_spread.children, style = _$_object_spread.style, className = _$_object_spread.className, onClick = _$_object_spread.onClick;
     var classPrefix = 'nut-dialog';
     var renderHeader = function renderHeader() {
-        return title ? /*#__PURE__*/ _react.default.createElement("div", {
+        return title && /*#__PURE__*/ _react.default.createElement("div", {
             className: "".concat(classPrefix, "-header")
-        }, title) : null;
+        }, title);
     };
     var renderFooter = function renderFooter() {
-        return footer ? /*#__PURE__*/ _react.default.createElement("div", {
+        return footer && /*#__PURE__*/ _react.default.createElement("div", {
             className: (0, _classnames.default)("".concat(classPrefix, "-footer"), (0, _define_property._)({}, footerDirection, footerDirection))
-        }, footer) : null;
+        }, footer);
     };
     var handleClick = function handleClick(e) {
         onClick && onClick(e);
     };
     return /*#__PURE__*/ _react.default.createElement("div", {
-        className: (0, _classnames.default)("".concat(classPrefix, "-outer"), props.className),
-        style: props.style,
-        onClick: function onClick(e) {
-            return handleClick(e);
-        }
+        className: (0, _classnames.default)("".concat(classPrefix, "-outer"), className),
+        style: style,
+        onClick: handleClick
     }, close, header, /*#__PURE__*/ _react.default.createElement("div", {
         className: classPrefix,
         style: {
@@ -41,6 +57,6 @@ var Content = function Content(props) {
         }
     }, renderHeader(), /*#__PURE__*/ _react.default.createElement("div", {
         className: "".concat(classPrefix, "-content")
-    }, /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, children)), renderFooter()));
+    }, children), renderFooter()));
 };
 Content.displayName = 'NutContent';

package/dist/cjs/packages/dialog/dialog.d.ts

@@ -1,3 +1,2 @@
-import { DialogBasicProps, DialogComponent } from './config';
-export type DialogProps = DialogBasicProps;
+import { DialogComponent } from './types';
 export declare const Dialog: DialogComponent;

package/dist/cjs/packages/dialog/dialog.js

@@ -24,9 +24,7 @@ var _button = /*#__PURE__*/ _interop_require_default._(require("../button"));
 var _confirm = /*#__PURE__*/ _interop_require_default._(require("./confirm"));
 var _dialogwrap = require("./dialogwrap");
 var _configprovider = require("../configprovider");
-var _typings = require("../../utils/typings");
-var _mergeprops = require("../../utils/merge-props");
-var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
+var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _dialogwrap.defaultDialogWrapProps), {
     confirmText: '',
     cancelText: '',
     overlay: true,
@@ -38,6 +36,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     lockScroll: true,
     closeIconPosition: 'bottom',
     closeIcon: false,
+    zIndex: 1200,
     beforeCancel: function beforeCancel() {
         return true;
     },
@@ -47,7 +46,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var BaseDialog = function BaseDialog(props, ref) {
     var locale = (0, _configprovider.useConfig)().locale;
-    var _mergeProps = (0, _mergeprops.mergeProps)(defaultProps, props), visible = _mergeProps.visible, footer = _mergeProps.footer, hideConfirmButton = _mergeProps.hideConfirmButton, hideCancelButton = _mergeProps.hideCancelButton, lockScroll = _mergeProps.lockScroll, disableConfirmButton = _mergeProps.disableConfirmButton, closeOnOverlayClick = _mergeProps.closeOnOverlayClick, confirmText = _mergeProps.confirmText, cancelText = _mergeProps.cancelText, closeIconPosition = _mergeProps.closeIconPosition, closeIcon = _mergeProps.closeIcon, onClose = _mergeProps.onClose, onCancel = _mergeProps.onCancel, onConfirm = _mergeProps.onConfirm, beforeCancel = _mergeProps.beforeCancel, beforeClose = _mergeProps.beforeClose, restProps = (0, _object_without_properties._)(_mergeProps, [
+    var _ref = (0, _object_spread._)({}, defaultProps, props), visible = _ref.visible, footer = _ref.footer, hideConfirmButton = _ref.hideConfirmButton, hideCancelButton = _ref.hideCancelButton, lockScroll = _ref.lockScroll, disableConfirmButton = _ref.disableConfirmButton, closeOnOverlayClick = _ref.closeOnOverlayClick, confirmText = _ref.confirmText, cancelText = _ref.cancelText, closeIconPosition = _ref.closeIconPosition, closeIcon = _ref.closeIcon, footerDirection = _ref.footerDirection, onClose = _ref.onClose, onCancel = _ref.onCancel, onConfirm = _ref.onConfirm, beforeCancel = _ref.beforeCancel, beforeClose = _ref.beforeClose, restProps = (0, _object_without_properties._)(_ref, [
         "visible",
         "footer",
         "hideConfirmButton",
@@ -59,6 +58,7 @@ var BaseDialog = function BaseDialog(props, ref) {
         "cancelText",
         "closeIconPosition",
         "closeIcon",
+        "footerDirection",
         "onClose",
         "onCancel",
         "onConfirm",
@@ -122,15 +122,26 @@ var BaseDialog = function BaseDialog(props, ref) {
                 return _ref.apply(this, arguments);
             };
         }();
-        return footer || /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, !hideCancelButton && /*#__PURE__*/ _react.default.createElement(_button.default, {
+        var btnClass = hideCancelButton || hideConfirmButton ? "".concat(classPrefix, "-footer-block") : '';
+        return footer || /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, !hideCancelButton && (footerDirection === 'vertical' ? /*#__PURE__*/ _react.default.createElement("div", {
+            style: {
+                order: 2
+            },
+            className: "".concat(classPrefix, "-footer-cancel ").concat(btnClass),
+            onClick: function onClick(e) {
+                return handleCancel(e);
+            }
+        }, cancelText || locale.cancel) : /*#__PURE__*/ _react.default.createElement(_button.default, {
             type: "default",
-            className: "".concat(classPrefix, "-footer-cancel"),
+            size: "large",
+            className: "".concat(classPrefix, "-footer-cancel ").concat(btnClass),
             onClick: function onClick(e) {
                 return handleCancel(e);
             }
-        }, cancelText || locale.cancel), !hideConfirmButton && /*#__PURE__*/ _react.default.createElement(_button.default, {
+        }, cancelText || locale.cancel)), !hideConfirmButton && /*#__PURE__*/ _react.default.createElement(_button.default, {
             type: "primary",
-            className: (0, _classnames.default)("".concat(classPrefix, "-footer-ok"), {
+            size: "large",
+            className: (0, _classnames.default)("".concat(classPrefix, "-footer-ok ").concat(btnClass), {
                 disabled: disableConfirmButton
             }),
             disabled: disableConfirmButton,
@@ -150,19 +161,21 @@ var BaseDialog = function BaseDialog(props, ref) {
         };
         var _obj;
         var closeClasses = (0, _classnames.default)((_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-close"), true), (0, _define_property._)(_obj, "".concat(classPrefix, "-close-").concat(closeIconPosition), true), _obj));
+        var systomIcon = closeIconPosition !== 'bottom' ? /*#__PURE__*/ _react.default.createElement(_iconsreact.Close, null) : /*#__PURE__*/ _react.default.createElement(_iconsreact.Failure, null);
         return /*#__PURE__*/ _react.default.createElement("div", {
             className: closeClasses,
             onClick: handleCancel
-        }, /*#__PURE__*/ _react.default.isValidElement(closeIcon) ? closeIcon : /*#__PURE__*/ _react.default.createElement(_iconsreact.Close, null));
+        }, /*#__PURE__*/ _react.default.isValidElement(closeIcon) ? closeIcon : systomIcon);
     };
     return /*#__PURE__*/ _react.default.createElement("div", {
         style: {
             display: visible ? 'block' : 'none'
         }
-    }, /*#__PURE__*/ _react.default.createElement(_dialogwrap.DialogWrap, (0, _object_spread_props._)((0, _object_spread._)({}, props), {
+    }, /*#__PURE__*/ _react.default.createElement(_dialogwrap.DialogWrap, (0, _object_spread_props._)((0, _object_spread._)({}, restProps), {
         visible: visible,
         lockScroll: lockScroll,
         footer: renderFooter(),
+        footerDirection: footerDirection,
         close: renderCloseIcon(),
         onClose: onClose,
         onCancel: onCancel

package/dist/cjs/packages/dialog/dialogwrap.d.ts

@@ -1,15 +1,4 @@
-import React, { FunctionComponent, HTMLAttributes } from 'react';
-import { OverlayProps } from "../overlay/overlay";
-interface DialogWrapProps extends OverlayProps {
-    visible: boolean;
-    overlay: boolean;
-    overlayStyle: React.CSSProperties;
-    overlayClassName: string;
-    footer: React.ReactNode;
-    close: React.ReactNode;
-    onCancel: () => void;
-    onClose: () => void;
-    onOverlayClick: (e: MouseEvent) => boolean | void;
-}
+import { FunctionComponent, HTMLAttributes } from 'react';
+import { DialogWrapProps } from './types';
+export declare const defaultDialogWrapProps: DialogWrapProps;
 export declare const DialogWrap: FunctionComponent<Partial<DialogWrapProps> & Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'content'>>;
-export {};