@chatui/core/es/components/Modal/Confirm.js

The React library for Chatbot UI

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["className", "vertical", "actions"];
import React from 'react';
import clsx from 'clsx';
import { Base } from './Base';
import { useLocale } from '../ConfigProvider';
var isPrimary = function isPrimary(btn) {
  return btn.color === 'primary';
};
export var Confirm = function Confirm(_ref) {
  var className = _ref.className,
    oVertical = _ref.vertical,
    actions = _ref.actions,
    other = _objectWithoutProperties(_ref, _excluded);
  var _useLocale = useLocale(),
    _useLocale$locale = _useLocale.locale,
    locale = _useLocale$locale === void 0 ? '' : _useLocale$locale;
  var isZh = locale.includes('zh');
  // 中文默认横排
  var vertical = oVertical != null ? oVertical : !isZh;
  if (Array.isArray(actions)) {
    // 主按钮排序：横排主按钮在后，竖排主按钮在前
    actions.sort(function (a, b) {
      if (isPrimary(a)) {
        return vertical ? -1 : 1;
      }
      if (isPrimary(b)) {
        return vertical ? 1 : -1;
      }
      return 0;
    });
  }
  return /*#__PURE__*/React.createElement(Base, _extends({
    baseClass: "Modal",
    className: clsx('Confirm', className),
    showClose: false,
    btnVariant: "outline",
    vertical: vertical,
    actions: actions
  }, other));
};