@sheinx/base 3.0.0-alpha.1

package/esm/pagination/pagination.js

@@ -0,0 +1,141 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.string.includes.js");
+require("core-js/modules/es.array.map.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _paginationSizeList = _interopRequireDefault(require("./pagination-size-list"));
+var _paginationJumper = _interopRequireDefault(require("./pagination-jumper"));
+var _paginationButtons = _interopRequireDefault(require("./pagination-buttons"));
+var _paginationSimple = _interopRequireDefault(require("./pagination-simple"));
+var _hooks = require("@sheinx/hooks");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["className", "jssStyle", "size", "align", "total", "pageSize", "defaultCurrent", "current", "span", "onChange", "layout", "mode", "simple", "disabled", "text", "pageSizeList"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Pagination = function Pagination(props) {
+  var _jssStyle$pagination;
+  var className = props.className,
+    jssStyle = props.jssStyle,
+    size = props.size,
+    _props$align = props.align,
+    align = _props$align === void 0 ? 'left' : _props$align,
+    _props$total = props.total,
+    total = _props$total === void 0 ? 0 : _props$total,
+    _props$pageSize = props.pageSize,
+    pageSizeProp = _props$pageSize === void 0 ? 10 : _props$pageSize,
+    _props$defaultCurrent = props.defaultCurrent,
+    defaultCurrent = _props$defaultCurrent === void 0 ? 1 : _props$defaultCurrent,
+    currentProp = props.current,
+    _props$span = props.span,
+    span = _props$span === void 0 ? 5 : _props$span,
+    onChangeProp = props.onChange,
+    _props$layout = props.layout,
+    layout = _props$layout === void 0 ? ['links'] : _props$layout,
+    _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'text' : _props$mode,
+    simple = props.simple,
+    disabled = props.disabled,
+    _props$text = props.text,
+    text = _props$text === void 0 ? {} : _props$text,
+    pageSizeList = props.pageSizeList,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _usePagination = (0, _hooks.usePagination)({
+      total: total,
+      span: span,
+      pageSize: pageSizeProp,
+      defaultCurrent: defaultCurrent,
+      current: currentProp,
+      onChange: onChangeProp
+    }),
+    onChange = _usePagination.onChange,
+    current = _usePagination.current,
+    pageSize = _usePagination.pageSize;
+  var paginationStyle = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$pagination = jssStyle.pagination) === null || _jssStyle$pagination === void 0 ? void 0 : _jssStyle$pagination.call(jssStyle);
+  var rootClasses = (0, _classnames.default)(className, paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.pagination, align === 'left' && (paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.left), align === 'center' && (paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.center), align === 'right' && (paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.right), size === 'small' && (paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.small), size === 'large' && (paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.large));
+  var getRootProps = function getRootProps() {
+    return _objectSpread({}, rest);
+  };
+  if (simple || layout.includes('simple')) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, getRootProps()), {}, {
+      className: rootClasses,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paginationSimple.default, {
+        jssStyle: jssStyle,
+        mode: mode,
+        size: size,
+        text: text,
+        total: total,
+        current: current || 0,
+        pageSize: pageSize,
+        disabled: disabled,
+        onChange: onChange
+      })
+    }));
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, getRootProps()), {}, {
+    className: rootClasses,
+    children: layout.map(function (section, i) {
+      switch (section) {
+        case 'links':
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_paginationButtons.default, {
+            jssStyle: jssStyle,
+            span: span,
+            mode: mode,
+            size: size,
+            total: total,
+            text: text,
+            current: current || 0,
+            disabled: disabled,
+            pageSize: pageSize,
+            onChange: onChange
+          }, i);
+        case 'jumper':
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_paginationJumper.default, _objectSpread(_objectSpread({}, props), {}, {
+            text: text,
+            total: total,
+            current: current,
+            pageSize: pageSize,
+            onChange: onChange
+          }), i);
+        case 'list':
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_paginationSizeList.default, _objectSpread(_objectSpread({}, props), {}, {
+            pageSizeList: pageSizeList
+          }), i);
+        case 'simple':
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_paginationSimple.default, _objectSpread(_objectSpread({}, props), {}, {
+            mode: mode,
+            text: text,
+            total: total,
+            current: current || 0,
+            pageSize: pageSize,
+            onChange: onChange
+          }), i);
+        default:
+          if (typeof section === 'function') {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: (0, _classnames.default)(paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.section),
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                children: section(_objectSpread(_objectSpread({}, props), {}, {
+                  current: current,
+                  pageSize: pageSize
+                }))
+              })
+            }, i);
+          }
+          return null;
+      }
+    })
+  }));
+};
+var _default = Pagination;
+exports.default = _default;

package/esm/pagination/pagination.type.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+import { ButtonClasses } from '../button/button.type';
+import { InputClasses } from '../input/input.type';
+import { CommonType } from '../common/type';
+export declare type AlignType = 'left' | 'center' | 'right';
+export declare type LayoutType = ('links' | 'list' | 'jumper' | 'simple' | ((props: PaginationProps) => React.ReactNode))[];
+export interface PaginationJssStyle {
+    input?: () => InputClasses;
+    button?: () => ButtonClasses;
+    pagination?: () => PaginationClasses;
+}
+export interface PaginationClasses {
+    pagination: string;
+    section: string;
+    buttons: string;
+    left: string;
+    right: string;
+    center: string;
+    jumper: string;
+    split: string;
+    icon: string;
+    simple: string;
+    small: string;
+    large: string;
+}
+export interface TextParams {
+    prev?: string;
+    next?: string;
+    page?: string;
+    jumper?: string;
+}
+export interface PaginationProps extends Pick<CommonType, 'style' | 'className' | 'size'>, Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    align?: 'left' | 'center' | 'right';
+    pageSize?: number;
+    total?: number;
+    current?: number;
+    span?: number;
+    defaultCurrent?: number;
+    disabled?: boolean;
+    layout?: LayoutType;
+    mode?: 'outline' | 'text';
+    onChange?: (current: number, pageSize: number, sizeChange?: boolean) => void;
+    pageSizeList?: number[];
+    text?: TextParams;
+    simple?: boolean;
+    jssStyle?: PaginationJssStyle;
+}
+//# sourceMappingURL=pagination.type.d.ts.map

package/esm/pagination/pagination.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.type.d.ts","sourceRoot":"","sources":["pagination.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,oBAAY,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD,oBAAY,UAAU,GAAG,CACrB,OAAO,GACP,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,CAAC,CAAC,KAAK,EAAE,eAAe,KAAK,KAAK,CAAC,SAAS,CAAC,CAChD,EAAE,CAAC;AAEJ,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,aAAa,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,iBAAiB,CAAC;CACtC;AAED,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,CAAC,EACtD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7E,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B"}

package/esm/pagination/pagination.type.js

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

package/esm/popover/__example__/01-base.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;
+//# sourceMappingURL=01-base.d.ts.map

package/esm/popover/__example__/01-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"01-base.d.ts","sourceRoot":"","sources":["01-base.tsx"],"names":[],"mappings":";;AAUA,wBAYE"}

package/esm/popover/__example__/01-base.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _shineoutStyle = require("@sheinx/shineout-style");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 基本用法
+ *    --
+ * en - Basic
+ *    --
+ */
+var _default = function _default() {
+  var popoverStyle = (0, _shineoutStyle.usePopoverStyle)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+      type: 'button',
+      children: ["\u54C8\u54C8\u54C8\u54C8\u54C8", /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Popover, {
+        type: 'danger',
+        onVisibleChange: console.log,
+        jssStyle: {
+          popover: popoverStyle
+        },
+        children: "\u563F\u563F\u563F"
+      })]
+    })
+  });
+};
+exports.default = _default;

package/esm/popover/__example__/02-confirm.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;
+//# sourceMappingURL=02-confirm.d.ts.map

package/esm/popover/__example__/02-confirm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"02-confirm.d.ts","sourceRoot":"","sources":["02-confirm.tsx"],"names":[],"mappings":";;AAUA,wBAkBE"}

package/esm/popover/__example__/02-confirm.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _shineoutStyle = require("@sheinx/shineout-style");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 确认
+ *    --
+ * en - confirm
+ *    --
+ */
+var _default = function _default() {
+  var popoverStyle = (0, _shineoutStyle.usePopoverStyle)();
+  var buttonStyle = (0, _shineoutStyle.useButtonStyle)();
+  var alertStyle = (0, _shineoutStyle.useAlertStyle)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+      type: 'button',
+      children: ["\u5220\u9664", /*#__PURE__*/(0, _jsxRuntime.jsx)(_.PopoverConfirm, {
+        type: 'danger',
+        onVisibleChange: console.log,
+        jssStyle: {
+          popover: popoverStyle,
+          button: buttonStyle,
+          alert: alertStyle
+        },
+        children: "\u786E\u8BA4\u5220\u9664\u6539\u6A21\u5757\uFF1F"
+      })]
+    })
+  });
+};
+exports.default = _default;

package/esm/popover/confirm.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PopoverConfirmProps } from './confirm.type';
+declare const Confirm: (props: PopoverConfirmProps) => JSX.Element;
+export default Confirm;
+//# sourceMappingURL=confirm.d.ts.map

package/esm/popover/confirm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm.d.ts","sourceRoot":"","sources":["confirm.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,QAAA,MAAM,OAAO,UAAW,mBAAmB,gBA2F1C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/esm/popover/confirm.js

@@ -0,0 +1,123 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _popover = _interopRequireDefault(require("./popover"));
+var _alert = _interopRequireDefault(require("../alert"));
+var _button = _interopRequireDefault(require("../button"));
+var _config = require("../config");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["children", "type", "text", "onOk", "okType", "onCancel", "icon", "jssStyle", "title"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Confirm = function Confirm(props) {
+  var _jssStyle$popover;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    ok = _useState2[0],
+    setOk = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    cancel = _useState4[0],
+    setCancel = _useState4[1];
+  var _useConfig = (0, _config.useConfig)(),
+    locale = _useConfig.locale;
+  var handleOk = function handleOk(close) {
+    var onOk = props.onOk;
+    var callback;
+    if (onOk) callback = onOk();
+    if (callback && typeof callback.then === 'function') {
+      setOk(true);
+      callback.then(function () {
+        close();
+        setOk(false);
+      });
+    } else {
+      close();
+    }
+  };
+  var handleCancel = function handleCancel(close) {
+    var onCancel = props.onCancel;
+    var callback;
+    if (onCancel) callback = onCancel();
+    if (callback && typeof callback.then === 'function') {
+      setCancel(true);
+      callback.then(function () {
+        close();
+        setCancel(false);
+      });
+    } else {
+      close();
+    }
+  };
+  var _children = props.children,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'confirmwarning' : _props$type,
+    text = props.text,
+    _ok = props.onOk,
+    _props$okType = props.okType,
+    okType = _props$okType === void 0 ? 'danger' : _props$okType,
+    _cancel = props.onCancel,
+    _props$icon = props.icon,
+    icon = _props$icon === void 0 ? true : _props$icon,
+    jssStyle = props.jssStyle,
+    title = props.title,
+    other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var popoverStyle = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$popover = jssStyle.popover) === null || _jssStyle$popover === void 0 ? void 0 : _jssStyle$popover.call(jssStyle);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.default, _objectSpread(_objectSpread({}, other), {}, {
+    trigger: "click",
+    jssStyle: jssStyle,
+    children: function children(close) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.confirm,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_alert.default, {
+          className: popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.mention,
+          jssStyle: jssStyle,
+          type: type,
+          title: title,
+          icon: icon,
+          children: _children
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.footer,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+            jssStyle: jssStyle,
+            loading: cancel,
+            mode: 'outline',
+            size: "small",
+            onClick: function onClick() {
+              handleCancel(close);
+            },
+            children: (0, _config.getLocale)(locale, 'cancel', text)
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+            jssStyle: jssStyle,
+            loading: ok,
+            size: "small",
+            type: okType,
+            onClick: function onClick() {
+              handleOk(close);
+            },
+            children: (0, _config.getLocale)(locale, 'ok', text)
+          })]
+        })]
+      });
+    }
+  }));
+};
+var _default = Confirm;
+exports.default = _default;

package/esm/popover/confirm.type.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+import { PopoverProps } from './popover.type';
+import { ButtonProps } from '../button/button.type';
+import { AlertProps } from '../alert/alert.type';
+export declare type ButtonType = ButtonProps['type'];
+export interface PopoverConfirmProps extends PopoverProps {
+    /**
+     * @en button text
+     * @cn 按钮文字
+     * @default { ok: 'Ok', cancel: 'Cancel' }
+     */
+    text?: {
+        ok?: string;
+        cancel?: string;
+    };
+    /**
+     * @en ok button click callback, will close tooltip while returned promise resolve
+     * @cn 点击确定按钮时触发事件，返回 Promise 时，会在 Promise resolve 后关闭 Tooltip
+     */
+    onOk?: () => void | Promise<any>;
+    /**
+     * @en cancel button click callback, will close tooltip while returned promise resolve
+     * @cn 点击取消按钮时触发事件，返回 Promise 时，会在 Promise resolve 后关闭 Tooltip
+     */
+    onCancel?: () => void | Promise<any>;
+    /**
+     * @en ok button's type, same with [Button](/components/Button) type
+     * @cn 确认按钮的类型，与 [Button](/components/Button) 类型相同
+     * @default "danger"
+     */
+    okType?: ButtonType;
+    /**
+     * @en custom icon
+     * @cn 自定义Icon
+     */
+    icon?: AlertProps['icon'];
+    /**
+     * @en Pop-up content.
+     * @cn 弹出显示内容
+     */
+    children: React.ReactNode;
+    /**
+     * @en same with [Alert](/components/Alert) type
+     * @cn 类型同 [Alert](/components/Alert) type 属性
+     * @default "confirmwarning"
+     */
+    type?: AlertProps['type'];
+    title?: React.ReactNode;
+}
+//# sourceMappingURL=confirm.type.d.ts.map

package/esm/popover/confirm.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm.type.d.ts","sourceRoot":"","sources":["confirm.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,oBAAY,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;AAC7C,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD;;;;OAIG;IACH,IAAI,CAAC,EAAE;QACL,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IACrC;;;;OAIG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAC1B;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB"}

package/esm/popover/confirm.type.js

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

package/esm/popover/index.d.ts

@@ -0,0 +1,5 @@
+export { default, default as Popover } from './popover';
+export { default as PopoverConfirm } from './confirm';
+export type { PopoverProps } from './popover.type';
+export type { PopoverConfirmProps } from './confirm.type';
+//# sourceMappingURL=index.d.ts.map

package/esm/popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,WAAW,CAAC;AACtD,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,YAAY,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC"}

package/esm/popover/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Popover", {
+  enumerable: true,
+  get: function get() {
+    return _popover.default;
+  }
+});
+Object.defineProperty(exports, "PopoverConfirm", {
+  enumerable: true,
+  get: function get() {
+    return _confirm.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _popover.default;
+  }
+});
+var _popover = _interopRequireDefault(require("./popover"));
+var _confirm = _interopRequireDefault(require("./confirm"));

package/esm/popover/popover.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PopoverProps } from './popover.type';
+declare const Popover: (props: PopoverProps) => JSX.Element;
+export default Popover;
+//# sourceMappingURL=popover.d.ts.map

package/esm/popover/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,QAAA,MAAM,OAAO,UAAW,YAAY,gBAgJnC,CAAC;AAEF,eAAe,OAAO,CAAC"}