@nutui/nutui-react 3.0.17-beta.1 → 3.0.17

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

@@ -0,0 +1,225 @@
+"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 _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 = selectedDate ? new Date(selectedDate) : new Date(startDate);
+    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();
+    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]));
+    } else {
+        date = new Date(year, month, day, Number(formattedDate[3]), Number(formattedDate[4]), Number(formattedDate[5]));
+    }
+    handleDateComparison(date, selectedOptions, index);
+};

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

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import { WebDatePickerViewProps } from "../../types";
+export declare const DatePickerView: FunctionComponent<Partial<WebDatePickerViewProps>>;

package/dist/cjs/packages/datepickerview/datepickerview.js

@@ -0,0 +1,118 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DatePickerView", {
+    enumerable: true,
+    get: function() {
+        return DatePickerView;
+    }
+});
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _to_consumable_array = require("@swc/helpers/_/_to_consumable_array");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
+var _reactfastcompare = /*#__PURE__*/ _interop_require_default._(require("react-fast-compare"));
+var _padzero = require("../../utils/pad-zero");
+var _index = /*#__PURE__*/ _interop_require_default._(require("../pickerview/index"));
+var _configprovider = require("../configprovider");
+var _usepropsvalue = require("../../hooks/use-props-value");
+var _typings = require("../../utils/typings");
+var _isdate = require("../../utils/is-date");
+var _utils = require("../datepicker/utils");
+var currentYear = new Date().getFullYear();
+var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
+    type: 'date',
+    showChinese: false,
+    threeDimensional: true,
+    minuteStep: 1,
+    startDate: new Date(currentYear - 10, 0, 1),
+    endDate: new Date(currentYear + 10, 11, 31)
+});
+var DatePickerView = function DatePickerView(props) {
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, type = _$_object_spread.type, showChinese = _$_object_spread.showChinese, minuteStep = _$_object_spread.minuteStep, defaultValue = _$_object_spread.defaultValue, formatter = _$_object_spread.formatter, filter = _$_object_spread.filter, onChange = _$_object_spread.onChange, threeDimensional = _$_object_spread.threeDimensional, className = _$_object_spread.className, style = _$_object_spread.style;
+    var classPrefix = 'nut-datepickerview';
+    var cls = (0, _classnames.default)(classPrefix, className);
+    var locale = (0, _configprovider.useConfig)().locale;
+    var lang = locale.datepicker;
+    var zhCNType = {
+        day: lang.day,
+        year: lang.year,
+        month: lang.month,
+        hour: lang.hour,
+        minute: lang.min,
+        seconds: lang.seconds
+    };
+    var _useState = (0, _sliced_to_array._)((0, _react.useState)([]), 2), pickerValue = _useState[0], setPickerValue = _useState[1];
+    var _useState1 = (0, _sliced_to_array._)((0, _react.useState)([]), 2), pickerOptions = _useState1[0], setPickerOptions = _useState1[1];
+    var _usePropsValue = (0, _sliced_to_array._)((0, _usepropsvalue.usePropsValue)({
+        value: props.value && (0, _utils.formatValue)(props.value, startDate, endDate),
+        defaultValue: defaultValue && (0, _utils.formatValue)(defaultValue, startDate, endDate),
+        finalValue: 0
+    }), 2), selectedDate = _usePropsValue[0], setSelectedDate = _usePropsValue[1];
+    var handleDateComparison = function handleDateComparison(newDate, selectedOptions, index) {
+        if (newDate && (0, _isdate.isDate)(newDate)) {
+            var _this;
+            if (!(0, _reactfastcompare.default)((_this = new Date(selectedDate)) === null || _this === void 0 ? void 0 : _this.getTime(), newDate === null || newDate === void 0 ? void 0 : newDate.getTime())) {
+                setSelectedDate((0, _utils.formatValue)(newDate, startDate, endDate));
+                onChange === null || onChange === void 0 ? void 0 : onChange(selectedOptions, [
+                    String(newDate.getFullYear()),
+                    (0, _padzero.padZero)(newDate.getMonth() + 1),
+                    (0, _padzero.padZero)(newDate.getDate())
+                ], index);
+            }
+        }
+    };
+    var handleChange = function handleChange(selectedOptions, selectedValue, index) {
+        (0, _utils.handlePickerValueChange)(selectedOptions, selectedValue, index, type, defaultValue || startDate || endDate, handleDateComparison);
+    };
+    var generatePickerColumns = function generatePickerColumns() {
+        var dateRanges = (0, _utils.generateDatePickerRanges)(type, selectedDate, startDate, endDate);
+        var columns = dateRanges.map(function(rangeConfig, columnIndex) {
+            var columnType = rangeConfig.type, range = rangeConfig.range;
+            var selectedValue = (0, _utils.getDatePartValue)(columnType, selectedDate);
+            var pickerColumn = (0, _utils.generatePickerColumnWithCallback)(range[0], range[1], selectedValue, columnType, minuteStep, function(selectedIndex, options) {
+                var _options_selectedIndex;
+                pickerValue[columnIndex] = (_options_selectedIndex = options[selectedIndex]) === null || _options_selectedIndex === void 0 ? void 0 : _options_selectedIndex.value;
+                setPickerValue((0, _to_consumable_array._)(pickerValue));
+            }, showChinese, zhCNType, formatter);
+            if (filter === null || filter === void 0 ? void 0 : filter(columnType, pickerColumn)) {
+                return filter(columnType, pickerColumn);
+            }
+            return pickerColumn;
+        });
+        return columns || [];
+    };
+    (0, _react.useEffect)(function() {
+        var _this, _this1;
+        if (!(0, _reactfastcompare.default)((_this = new Date(selectedDate)) === null || _this === void 0 ? void 0 : _this.getTime(), (_this1 = new Date(selectedDate)) === null || _this1 === void 0 ? void 0 : _this1.getTime())) {
+            setSelectedDate(selectedDate);
+        }
+    }, [
+        selectedDate
+    ]);
+    (0, _react.useEffect)(function() {
+        setPickerOptions(generatePickerColumns());
+    }, [
+        selectedDate,
+        startDate,
+        endDate
+    ]);
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: cls,
+        style: style
+    }, pickerOptions.length && /*#__PURE__*/ _react.default.createElement(_index.default, {
+        value: pickerValue,
+        options: pickerOptions,
+        onChange: function onChange(param) {
+            var selectedOptions = param.selectedOptions, value = param.value, index = param.index;
+            handleChange(selectedOptions, value, index);
+        },
+        threeDimensional: threeDimensional
+    }));
+};
+DatePickerView.displayName = 'NutDatePickerView';

package/dist/cjs/packages/datepickerview/index.d.ts

@@ -0,0 +1,3 @@
+import { DatePickerView } from './datepickerview';
+export type { WebDatePickerViewProps as DatePickerViewProps } from "../../types";
+export default DatePickerView;

package/dist/cjs/packages/datepickerview/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _datepickerview = require("./datepickerview");
+var _default = _datepickerview.DatePickerView;

package/dist/cjs/packages/datepickerview/style/css.js

@@ -0,0 +1,2 @@
+import '../../pickerview/style/css';
+import './style.css';

package/dist/cjs/packages/datepickerview/style/datepickerview.scss

@@ -0,0 +1,4 @@
+.nut-datepickerview {
+  display: flex;
+  width: 100%;
+}

package/dist/cjs/packages/datepickerview/style/index.js

@@ -0,0 +1,2 @@
+import '../../pickerview/style';
+import './datepickerview.scss';

package/dist/cjs/packages/datepickerview/style/style.css

@@ -0,0 +1,8 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-datepickerview {
+  display: flex;
+  width: 100%;
+}

package/dist/cjs/packages/datepickerview/style-jmapp/css.js

@@ -0,0 +1,2 @@
+import '../../pickerview/style-jmapp/css';
+import './style.css';

package/dist/cjs/packages/datepickerview/style-jmapp/datepickerview.scss

@@ -0,0 +1,4 @@
+.nut-datepickerview {
+  display: flex;
+  width: 100%;
+}

package/dist/cjs/packages/datepickerview/style-jmapp/index.js

@@ -0,0 +1,2 @@
+import '../../pickerview/style-jmapp';
+import './datepickerview.scss';

package/dist/cjs/packages/datepickerview/style-jmapp/style.css

@@ -0,0 +1,8 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-datepickerview {
+  display: flex;
+  width: 100%;
+}

package/dist/cjs/packages/datepickerview/style-jrkf/css.js

@@ -0,0 +1,2 @@
+import '../../pickerview/style-jrkf/css';
+import './style.css';

package/dist/cjs/packages/datepickerview/style-jrkf/datepickerview.scss

@@ -0,0 +1,4 @@
+.nut-datepickerview {
+  display: flex;
+  width: 100%;
+}

package/dist/cjs/packages/datepickerview/style-jrkf/index.js

@@ -0,0 +1,2 @@
+import '../../pickerview/style-jrkf';
+import './datepickerview.scss';

package/dist/cjs/packages/datepickerview/style-jrkf/style.css

@@ -0,0 +1,8 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-datepickerview {
+  display: flex;
+  width: 100%;
+}

package/dist/cjs/packages/datepickerview/types.d.ts

@@ -0,0 +1,15 @@
+import { BasicComponent } from "../../utils/typings";
+import { PickerOptions, PickerValue, PickerOption } from "../../types";
+export interface DatePickerViewProps extends BasicComponent {
+    value?: Date;
+    defaultValue?: Date;
+    type: 'date' | 'time' | 'year-month' | 'month-day' | 'datehour' | 'datetime' | 'hour-minutes';
+    showChinese: boolean;
+    minuteStep: number;
+    startDate: Date;
+    endDate: Date;
+    threeDimensional: boolean;
+    formatter: (type: string, option: PickerOption) => PickerOption;
+    filter: (type: string, options: PickerOptions) => PickerOptions;
+    onChange: (selectedOptions: PickerOptions, selectedValue: PickerValue[], columnIndex: number) => void;
+}

package/dist/cjs/packages/datepickerview/types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

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

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

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

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+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 _types = require("../../types");
+var _render = require("../../utils/render");
+function ConfirmDialog(props) {
+    return /*#__PURE__*/ _react.default.createElement(_dialog.Dialog, props, props.content);
+}
+var confirm = function confirm(config, renderFunc) {
+    var div = document.createElement('div');
+    document.body.appendChild(div);
+    var dialogConfig = (0, _object_spread_props._)((0, _object_spread._)({}, config), {
+        visible: false
+    });
+    var render = function render(props, callback) {
+        (0, _render.render)(/*#__PURE__*/ _react.default.createElement(ConfirmDialog, (0, _object_spread_props._)((0, _object_spread._)({}, props), {
+            onCancel: function onCancel1() {
+                return onCancel();
+            }
+        })), div);
+        callback && callback();
+    };
+    var renderFunction = renderFunc || render;
+    var onConfirm = function onConfirm() {
+        var _onConfirm = config.onConfirm || config.onConfirm;
+        var ret = _onConfirm === null || _onConfirm === void 0 ? void 0 : _onConfirm();
+        if (ret && ret.then) {
+            renderFunction(dialogConfig);
+            return ret.then(function() {
+                onCancel(true);
+            }, function(e) {
+                console.error(e);
+                renderFunction(dialogConfig);
+            });
+        }
+        if (!ret) {
+            onCancel(true);
+        }
+    };
+    // 如果是promise，那么处理loading和加载完成关闭
+    dialogConfig.onConfirm = onConfirm;
+    dialogConfig.visible = true;
+    renderFunction(dialogConfig);
+    var destroy = function destroy() {
+        (0, _render.unmount)(div);
+        if (div === null || div === void 0 ? void 0 : div.parentNode) {
+            div.parentNode.removeChild(div);
+        }
+        for(var i = 0; i < _types.destroyList.length; i++){
+            var fn = _types.destroyList[i];
+            if (fn === close) {
+                _types.destroyList.splice(i, 1);
+                break;
+            }
+        }
+    };
+    var onCancel = function onCancel(confirm) {
+        !confirm && config.onCancel && config.onCancel();
+        dialogConfig.visible = false;
+        dialogConfig.onClose = function() {
+            config.onClose && config.onClose();
+        };
+        renderFunction(dialogConfig, function() {
+            destroy();
+        });
+    };
+    var update = function update(newConfig) {
+        dialogConfig = (0, _object_spread._)({}, dialogConfig, newConfig);
+        renderFunction(dialogConfig);
+    };
+    var close = function close() {
+        dialogConfig.visible = false;
+        dialogConfig.onClose = function() {
+            config.onClose && config.onClose();
+            destroy();
+        };
+        renderFunction(dialogConfig);
+    };
+    _types.destroyList.push(close);
+    return {
+        close: close,
+        update: update
+    };
+};
+var _default = confirm;

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

@@ -0,0 +1,12 @@
+import { FunctionComponent, HTMLAttributes } from 'react';
+import { WebContentProps } from "../../types";
+export declare const defaultContentProps: {
+    visible: boolean;
+    title: string;
+    header: string;
+    footer: string;
+    close: string;
+    footerDirection: string;
+    onClick: () => void;
+};
+export declare const Content: FunctionComponent<Partial<WebContentProps> & Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'content'>>;

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

@@ -0,0 +1,62 @@
+"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, {
+    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 _$_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", {
+            className: "".concat(classPrefix, "-header")
+        }, title);
+    };
+    var renderFooter = function renderFooter() {
+        return footer && /*#__PURE__*/ _react.default.createElement("div", {
+            className: (0, _classnames.default)("".concat(classPrefix, "-footer"), (0, _define_property._)({}, footerDirection, footerDirection))
+        }, footer);
+    };
+    var handleClick = function handleClick(e) {
+        onClick && onClick(e);
+    };
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: (0, _classnames.default)("".concat(classPrefix, "-outer"), className),
+        style: style,
+        onClick: handleClick
+    }, close, header, /*#__PURE__*/ _react.default.createElement("div", {
+        className: classPrefix,
+        style: {
+            display: visible ? 'flex' : 'none'
+        }
+    }, renderHeader(), /*#__PURE__*/ _react.default.createElement("div", {
+        className: "".concat(classPrefix, "-content")
+    }, children), renderFooter()));
+};
+Content.displayName = 'NutContent';

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

@@ -0,0 +1,2 @@
+import { DialogComponent } from "../../types";
+export declare const Dialog: DialogComponent;