@douyinfe/semi-foundation 2.1.1 → 2.1.2

package/lib/cjs/pagination/pagination.scss

@@ -0,0 +1,158 @@
+//@import '../theme/variables.scss';
+@import "./variables.scss";
+
+$module: #{$prefix}-page;
+
+.#{$module} {
+    display: flex;
+    list-style: none;
+    padding: $spacing-pagination-padding;
+    align-items: center;
+    font-family: $font-family-regular;
+    margin-block-start: 0;
+    margin-block-end: 0;
+
+    &-small {
+        @include font-size-regular;
+        font-weight: $font-pagination_small-fontWeight;
+        color: $color-pagination-text-default;
+        padding: $spacing-pagination_small-paddingY $spacing-pagination_small-paddingX;
+    }
+
+    &-item {
+        @include font-size-regular;
+        min-width: $width-pagination_item-minWidth;
+        border: $width-pagination_item_border solid $color-pagination_item-border-default;
+        cursor: pointer;
+        user-select: none;
+        height: $height-pagination_item;
+        margin-left: $spacing-pagination_item-marginLeft;
+        margin-right: $spacing-pagination_item-marginRight;
+        font-weight: $font-pagination_item-fontWeight;
+        color: $color-pagination_item-text-default;
+        border-radius: $radius-pagination_item;
+        text-align: center;
+        line-height: $height-pagination_item;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        &:hover {
+            border-color: $color-pagination_item-border-hover;
+            background-color: $color-pagination_item-bg-hover;
+            color: $color-pagination_item-text-hover;
+        }
+
+        &-rest-opening {
+            background-color: $color-pagination_item-bg-hover;
+            color: $color-pagination_item-text-hover;
+        }
+
+        &:active {
+            border-color: $color-pagination_item-border-active;
+            background-color: $color-pagination_item-bg-active;
+            color: $color-pagination_item-text-active;
+        }
+
+        &-active {
+            border-color: $color-pagination_item-border-selected;
+            color: $color-pagination_item-text-selected;
+            font-weight: $font-pagination_item_active-fontWeight;
+            background-color: $color-pagination_item-bg-selected;
+
+            &:hover {
+                border-color: $color-pagination_item-border-selected;
+                color: $color-pagination_item-text-selected;
+                background-color: $color-pagination_item-bg-selected;
+            }
+        }
+
+        &-disabled {
+            border-color: $color-pagination_item-border-disabled;
+            color: $color-pagination_item-text-disabled;
+            background-color: $color-pagination_item-bg-disabled;
+            cursor: not-allowed;
+
+            &:hover {
+                background-color: transparent;
+            }
+        }
+
+        &-small {
+            min-width: $width-pagination_item_small-minWidth;
+            margin: $spacing-pagination_item_small-margin;
+        }
+    }
+
+    &-total {
+        @include font-size-regular;
+        color: $color-pagination-text-default;
+    }
+
+    &-prev,
+    &-next {
+        color: $color-pagination_item-icon-default;
+        cursor: pointer;
+
+        &.#{$module}-item-disabled {
+            color: $color-pagination_item-icon-disabled;
+            cursor: not-allowed;
+        }
+    }
+
+    &-quickjump {
+        margin-left: $spacing-pagination_quickjump_marginLeft;
+        @include font-size-regular;
+        @include all-center;
+        flex-shrink: 0;
+        color: $color-pagination_item-text-default;
+        &-input-number {
+            max-width: $width-pagination_quickjump_input_width;
+            margin-left: $spacing-pagination_quickjump_input_marginLeft;
+            margin-right: $spacing-pagination_quickjump_input_marginRight;
+        }
+        &-disabled {
+            color: $color-pagination_quickjump_text-disabled;
+        }
+    }
+
+    .#{$prefix}-select {
+        user-select: none;
+    }
+}
+
+.#{$prefix}-select-dropdown {
+    user-select: none;
+}
+
+.#{$module}-rest {
+
+    &-list {
+        padding-top: $spacing-pagination_reset_list-paddingTop;
+        padding-bottom: $spacing-pagination_reset_list-paddingBottom;
+
+        & > div {
+            position: relative;
+        }
+    }
+
+    &-item {
+        height: $height-pagination_item;
+        line-height: $height-pagination_item;
+        // padding-left: $spacing-base;
+        display: flex;
+        justify-content: center;
+        box-sizing: border-box;
+        cursor: pointer;
+
+        &:hover {
+            background-color: $color-pagination_item-bg-hover;
+        }
+
+        &:active {
+            background-color: $color-pagination_item-bg-active;
+        }
+    }
+}
+
+@import "./rtl.scss";

package/lib/cjs/pagination/rtl.scss

@@ -0,0 +1,18 @@
+$module: #{$prefix}-page;
+
+.#{$prefix}-rtl,
+.#{$prefix}-portal-rtl {
+    .#{$module} {
+        direction: rtl;
+
+        &-item {
+            margin-right: $spacing-pagination_item-marginLeft;
+            margin-left: $spacing-pagination_item-marginRight;
+        }
+
+        &-prev,
+        &-next {
+            transform: scaleX(-1);
+        }
+    }
+}

package/lib/cjs/pagination/variables.scss

@@ -0,0 +1,51 @@
+// Color
+$color-pagination-text-default: var(--semi-color-text-2); // 翻页器总页数文本颜色
+$color-pagination_item-text-default: var(--semi-color-text-0); // 翻页器 页码 文本颜色
+$color-pagination_item-bg-default: transparent; // 翻页器 页码 背景颜色
+$color-pagination_item-icon-default: var(--semi-color-tertiary); // 翻页器 页码 图标颜色
+$color-pagination_item-text-hover: var(--semi-color-text-0); // 翻页器 页码 悬浮态文本颜色
+$color-pagination_item-bg-hover: var(--semi-color-fill-0); // 翻页器 页码 悬浮态背景颜色
+$color-pagination_item-text-active: var(--semi-color-text-0); // 翻页器 页码 按下态文字颜色
+$color-pagination_item-bg-active: var(--semi-color-fill-1); // 翻页器 页码 按下态背景颜色
+$color-pagination_item-text-disabled: var(--semi-color-disabled-text); // 翻页器 页码 禁用态文字颜色
+$color-pagination_item-icon-disabled: var(--semi-color-disabled-text); // 翻页器 页码 禁用态图标颜色
+$color-pagination_item-bg-disabled: transparent; // 翻页器 页码 禁用态背景颜色
+$color-pagination_item-text-selected: var(--semi-color-primary); // 翻页器 页码 选中态文字颜色
+$color-pagination_item-bg-selected: var(--semi-color-primary-light-default); // 翻页器 页码 选中态背景颜色
+$color-pagination_quickjump_text-disabled: var(--semi-color-disabled-text); // 翻页器 快速跳转禁用态文字颜色
+$color-pagination_item-border-default: transparent; // 翻页器 页码 默认边框颜色
+$color-pagination_item-border-hover: transparent; // 翻页器 页码 悬浮边框颜色
+$color-pagination_item-border-active: transparent; // 翻页器 页码 激活边框颜色
+$color-pagination_item-border-selected: transparent; // 翻页器 页码 选中边框颜色
+$color-pagination_item-border-disabled: transparent; // 翻页器 页码 禁用边框颜色
+
+
+
+// Width/Height
+$height-pagination_item: 32px; // 翻页器 页码高度
+$width-pagination_item-minWidth: 32px; // 翻页器 页码最小宽度
+$width-pagination_item_small-minWidth: 44px; // 迷你翻页器 页码最小宽度
+$width-pagination_quickjump_input_width: 50px; // 快速跳转输入框宽度
+$width-pagination_item_border: 0px; // 翻页器 页码 默认边框宽度
+
+// Spacing
+$spacing-pagination-padding: 0; // 翻页器内边距
+$spacing-pagination_small-paddingY: 0; // 迷你翻页器垂直内边距
+$spacing-pagination_small-paddingX: 0; // 迷你翻页器水平内边距
+$spacing-pagination_item-marginLeft: $spacing-extra-tight; // 翻页器页码左侧外边距
+$spacing-pagination_item-marginRight: $spacing-extra-tight; // 翻页器页码右侧外边距
+$spacing-pagination_item_small-margin: 0; // 迷你翻页器页码外边距
+$spacing-pagination_reset_list-paddingTop: $spacing-extra-tight;
+$spacing-pagination_reset_list-paddingBottom: $spacing-extra-tight;
+$spacing-pagination_quickjump_marginLeft: 24px; // 快速跳转左侧外边距
+$spacing-pagination_quickjump_input_marginLeft: 4px; // 快速跳转输入框左侧外边距
+$spacing-pagination_quickjump_input_marginRight: 4px; // 快速跳转输入框右侧外边距
+
+// Radius
+$radius-pagination_item: var(--semi-border-radius-small); // 翻页器页码圆角大小
+
+// Font
+$font-pagination_small-fontWeight: $font-weight-regular; // 迷你翻页器字重
+$font-pagination_item-fontWeight: $font-weight-regular; // 翻页器页码字重
+$font-pagination_item_active-fontWeight: $font-weight-bold; // 翻页器页码选中态字重
+$font-pagination_quickjump_fontWeight: $font-weight-regular; // 快速跳转输入框字重

package/lib/cjs/popconfirm/constants.d.ts

@@ -0,0 +1,13 @@
+declare const cssClasses: {
+    PREFIX: string;
+    POPOVER: string;
+};
+declare const strings: {
+    POSITION_SET: string[];
+    TRIGGER_SET: string[];
+};
+declare const numbers: {
+    SPACING: number;
+    DEFAULT_Z_INDEX: number;
+};
+export { cssClasses, strings, numbers };

package/lib/cjs/popconfirm/constants.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.strings = exports.numbers = exports.cssClasses = void 0;
+
+var _constants = require("../base/constants");
+
+const cssClasses = {
+  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-popconfirm"),
+  POPOVER: "".concat(_constants.BASE_CLASS_PREFIX, "-popconfirm-popover")
+};
+exports.cssClasses = cssClasses;
+const strings = {
+  POSITION_SET: ['top', 'topLeft', 'topRight', 'left', 'leftTop', 'leftBottom', 'right', 'rightTop', 'rightBottom', 'bottom', 'bottomLeft', 'bottomRight', 'leftTopOver', 'rightTopOver'],
+  TRIGGER_SET: ['hover', 'focus', 'click', 'custom']
+};
+exports.strings = strings;
+const numbers = {
+  SPACING: 4,
+  DEFAULT_Z_INDEX: 1030
+};
+exports.numbers = numbers;

package/lib/cjs/popconfirm/popconfirm.css

@@ -0,0 +1,117 @@
+/* shadow */
+/* sizing */
+/* spacing */
+.semi-popconfirm {
+  box-sizing: border-box;
+  max-width: 400px;
+}
+.semi-popconfirm-inner {
+  display: flex;
+  flex-direction: column;
+  padding: 24px 24px 24px 20px;
+  position: relative;
+}
+.semi-popconfirm-inner .semi-popconfirm-btn-close {
+  position: absolute;
+  right: 0;
+  top: 0;
+  margin-top: 24px;
+  margin-right: 24px;
+}
+.semi-popconfirm-header {
+  display: flex;
+  justify-content: flex-start;
+  margin-right: 68px;
+}
+.semi-popconfirm-header-title {
+  font-size: 16px;
+  line-height: 22px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-weight: 600;
+  margin-bottom: 8px;
+  color: var(--semi-color-text-0);
+}
+.semi-popconfirm-header-icon {
+  width: 24px;
+  height: 24px;
+  margin-right: 12px;
+}
+.semi-popconfirm-header .semi-icon-alert_triangle {
+  color: var(--semi-color-warning);
+}
+.semi-popconfirm-header-body {
+  display: inline-flex;
+  flex-direction: column;
+}
+.semi-popconfirm-header-content {
+  color: var(--semi-color-text-2);
+}
+.semi-popconfirm-header-content > p {
+  margin: 0;
+  padding: 0;
+}
+.semi-popconfirm-body {
+  color: var(--semi-color-text-2);
+}
+.semi-popconfirm-body > p {
+  margin: 0;
+  padding: 0;
+}
+.semi-popconfirm-footer {
+  margin-top: 25px;
+  display: flex;
+  justify-content: flex-end;
+}
+.semi-popconfirm-footer > .semi-button:first-child:not(:last-child) {
+  margin-right: 8px;
+}
+.semi-popconfirm-popover {
+  border-radius: var(--semi-border-radius-medium);
+}
+
+.semi-popover-with-arrow .semi-popconfirm-inner {
+  padding: 12px 12px 12px 8px;
+}
+.semi-popover-with-arrow .semi-popconfirm-inner .semi-popconfirm-btn-close {
+  margin-top: 12px;
+  margin-right: 12px;
+}
+
+.semi-popconfirm-rtl {
+  direction: rtl;
+}
+.semi-popconfirm-rtl .semi-popconfirm-inner {
+  padding: 24px 20px 24px 24px;
+}
+.semi-popconfirm-rtl .semi-popconfirm-inner .semi-popconfirm-btn-close {
+  right: auto;
+  left: 0;
+  margin-right: 0;
+  margin-left: 24px;
+}
+.semi-popconfirm-rtl .semi-popconfirm-header {
+  margin-right: 0;
+  margin-left: 68px;
+}
+.semi-popconfirm-rtl .semi-popconfirm-header-icon {
+  margin-right: 0;
+  margin-left: 12px;
+}
+.semi-popconfirm-rtl .semi-popconfirm-footer {
+  justify-content: flex-end;
+}
+.semi-popconfirm-rtl .semi-popconfirm-footer > .semi-button:first-child:not(:last-child) {
+  margin-right: 0;
+  margin-left: 8px;
+}
+
+.semi-popover-with-arrow.semi-popconfirm-rtl {
+  direction: rtl;
+}
+.semi-popover-with-arrow.semi-popconfirm-rtl .semi-popconfirm-inner {
+  padding: 12px 8px 12px 12px;
+}
+.semi-popover-with-arrow.semi-popconfirm-rtl .semi-popconfirm-inner .semi-popconfirm-btn-close {
+  margin-right: 0;
+  margin-left: 12px;
+}

package/lib/cjs/popconfirm/popconfirm.scss

@@ -0,0 +1,105 @@
+//@import '../theme/variables.scss';
+@import './variables.scss';
+
+$module: #{$prefix}-popconfirm;
+
+.#{$module} {
+    box-sizing: border-box;
+    max-width: $width-popconfirm-maxWidth;
+
+    &-inner {
+        display: flex;
+        flex-direction: column;
+        padding: $spacing-popconfirm-top $spacing-popconfirm-top $spacing-popconfirm-top $spacing-popconfirm-bottom;
+        position: relative;
+
+        .#{$module}-btn-close {
+            position: absolute;
+            right: $spacing-popconfirm_inner_close_btn-right;
+            top: $spacing-popconfirm_inner_close_btn-top;
+            margin-top: $spacing-popconfirm_btn_close-margin;
+            margin-right: $spacing-popconfirm_btn_close-margin;
+        }
+    }
+
+    &-header {
+        display: flex;
+        justify-content: flex-start;
+        margin-right: $spacing-popconfirm_header-marginRight;
+
+        &-title {
+            @include font-size-header-6;
+            font-weight: $font-popconfirm_header_title-fontWeight;
+            margin-bottom: $spacing-popconfirm_header_title-marginBottom;
+            color: $color-popconfirm_header-text;
+        }
+
+        &-icon {
+            width: $width-popconfirm-icon;
+            height: $width-popconfirm-icon;
+            margin-right: $spacing-popconfirm_header_icon-marginRight;
+        }
+
+        .#{$prefix}-icon {
+
+            &-alert_triangle {
+                color: $color-popconfirm_header_alert-icon;
+            }
+        }
+
+        &-body {
+            display: inline-flex;
+            flex-direction: column;
+        }
+
+        &-content {
+            color: $color-popconfirm_body-text;
+
+            & > p {
+                margin: $spacing-popconfirm_header_content_p-margin;
+                padding: $spacing-popconfirm_header_content_p-padding;
+            }
+        }
+    }
+
+    &-body {
+        // margin-left: $width-popconfirm-icon + $spacing-popconfirm_header_icon-marginRight;
+        // margin-top: 8px;
+
+        color: $color-popconfirm_body-text;
+
+        & > p {
+            margin: $spacing-popconfirm_body_p-margin;
+            padding: $spacing-popconfirm_body_p-padding;
+        }
+    }
+
+    &-footer {
+        margin-top: $spacing-popconfirm_footer-marginTop;
+        display: flex;
+        justify-content: flex-end;
+
+        & > .#{$prefix}-button:first-child:not(:last-child) {
+            margin-right: $spacing-popconfirm_footer_btn-marginRight;
+        }
+    }
+
+    // The border-radius is defined separately in the component, the default value is the same as popover
+
+    &-popover {
+        border-radius: $radius-popconfirm-popover;
+    }
+}
+
+.#{$prefix}-popover-with-arrow {
+    .#{$module}-inner {
+        padding: $spacing-popconfirm_popover_with_arrow_inner-padding;
+
+        .#{$module}-btn-close {
+            margin-top: $spacing-popconfirm_popover_with_arrow_inner_btn_close-marginTop;
+            margin-right: $spacing-popconfirm_popover_with_arrow_inner_btn_close-marginRight;
+        }
+    }
+}
+
+@import './rtl.scss';

package/lib/cjs/popconfirm/popconfirmFoundation.d.ts

@@ -0,0 +1,16 @@
+import BaseFoundation, { DefaultAdapter } from '../base/foundation';
+export interface PopconfirmAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
+    setVisible: (visible: boolean) => void;
+    notifyConfirm: (e: any) => void;
+    notifyCancel: (e: any) => void;
+    notifyVisibleChange: (visible: boolean) => void;
+    notifyClickOutSide: (e: any) => void;
+}
+export default class PopConfirmFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<PopconfirmAdapter<P, S>, P, S> {
+    init(): void;
+    destroy(): void;
+    handleCancel(e: any): void;
+    handleConfirm(e: any): void;
+    handleClickOutSide(e: any): void;
+    handleVisibleChange(visible: boolean): void;
+}

package/lib/cjs/popconfirm/popconfirmFoundation.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _foundation = _interopRequireDefault(require("../base/foundation"));
+
+/* eslint-disable @typescript-eslint/no-empty-function */
+class PopConfirmFoundation extends _foundation.default {
+  init() {}
+
+  destroy() {}
+
+  handleCancel(e) {
+    this._adapter.notifyCancel(e);
+
+    this.handleVisibleChange(false);
+  }
+
+  handleConfirm(e) {
+    this._adapter.notifyConfirm(e);
+
+    this.handleVisibleChange(false);
+  }
+
+  handleClickOutSide(e) {
+    this._adapter.notifyClickOutSide(e);
+  }
+
+  handleVisibleChange(visible) {
+    if (!this._isControlledComponent('visible')) {
+      this._adapter.setVisible(visible);
+    }
+
+    this._adapter.notifyVisibleChange(visible);
+  }
+
+}
+
+exports.default = PopConfirmFoundation;

package/lib/cjs/popconfirm/rtl.scss

@@ -0,0 +1,60 @@
+@import './variables.scss';
+$module: #{$prefix}-popconfirm;
+
+.#{$module} {
+    &-rtl {
+        direction: rtl;
+    }
+
+    &-inner {
+        .#{$module}-rtl & {
+            padding: $spacing-popconfirm-top $spacing-popconfirm-bottom $spacing-popconfirm-top $spacing-popconfirm-top;
+    
+            .#{$module}-btn-close {
+                right: auto;
+                left: 0;
+                margin-right: 0;
+                margin-left: $spacing-popconfirm_btn_close-margin;
+            }
+        }
+    }
+
+    &-header {
+        .#{$module}-rtl & {
+            margin-right: 0;
+            margin-left: $spacing-popconfirm_header-marginRight;
+    
+            &-icon {
+                margin-right: 0;
+                margin-left: $spacing-popconfirm_header_icon-marginRight;
+            }
+        }
+    }
+
+    &-footer {
+        .#{$module}-rtl & {
+            justify-content: flex-end;
+    
+            & > .#{$prefix}-button:first-child:not(:last-child) {
+                margin-right: 0;
+                margin-left: $spacing-popconfirm_footer_btn-marginRight;
+            }
+        }
+    }
+}
+
+.#{$prefix}-popover-with-arrow {
+    &.#{$module}-rtl {
+        direction: rtl;
+        
+        .#{$module}-inner {
+            padding: $spacing-popconfirm_popover_with_arrow_inner_rtl-padding;
+    
+            .#{$module}-btn-close {
+                margin-right: 0;
+                margin-left: $spacing-popconfirm_popover_with_arrow_inner_btn_close-marginRight;
+            }
+        }
+    }
+
+}

package/lib/cjs/popconfirm/variables.scss

@@ -0,0 +1,36 @@
+// Color
+$color-popconfirm_header-text: var(--semi-color-text-0); // 标题文字颜色
+$color-popconfirm_body-text: var(--semi-color-text-2); // 正文文字颜色
+$color-popconfirm_header_alert-icon: var(--semi-color-warning); // 警示图标颜色
+
+// Width/Height
+$width-popconfirm-icon: 24px; // 图标宽度
+$width-popconfirm_close_btn: 24px; // 关闭按钮宽度
+$width-popconfirm-maxWidth: 400px; // 整体最大宽度
+
+// Spacing
+$spacing-popconfirm-top: 24px; // 顶部内边距
+$spacing-popconfirm-bottom: 20px; // 底部内边距
+$spacing-popconfirm_btn_close-margin: 24px; // 关闭按钮顶部 & 右侧外边距
+$spacing-popconfirm_with_arrow-padding: 12px; // 顶部内边距
+$spacing-popconfirm_inner_close_btn-top: 0; // 关闭按钮距顶部距离
+$spacing-popconfirm_inner_close_btn-right: 0; // 关闭按钮距右侧距离
+$spacing-popconfirm_header-marginRight: $spacing-popconfirm_btn_close-margin + $width-popconfirm_close_btn + 20px; // header 右侧外边距
+$spacing-popconfirm_header_title-marginBottom: 8px; // header 标题底部外边距
+$spacing-popconfirm_header_content_p-padding: 0; // header 正文内边距
+$spacing-popconfirm_header_content_p-margin: 0; // header 正文外边距
+$spacing-popconfirm_body_p-padding: 0; // body 正文内边距
+$spacing-popconfirm_body_p-margin: 0; // body 正文外边距
+$spacing-popconfirm_footer-marginTop: 25px; // footer 顶部外边距
+$spacing-popconfirm_footer_btn-marginRight: 8px; // footer 按钮右侧外边距
+$spacing-popconfirm_popover_with_arrow_inner-padding: ($spacing-popconfirm-top - $spacing-popconfirm_with_arrow-padding) ($spacing-popconfirm-top - $spacing-popconfirm_with_arrow-padding) ($spacing-popconfirm-top - $spacing-popconfirm_with_arrow-padding) ($spacing-popconfirm-bottom - $spacing-popconfirm_with_arrow-padding); // 带三角形箭头时的内边距
+$spacing-popconfirm_popover_with_arrow_inner_rtl-padding: ($spacing-popconfirm-top - $spacing-popconfirm_with_arrow-padding) ($spacing-popconfirm-bottom - $spacing-popconfirm_with_arrow-padding) ($spacing-popconfirm-top - $spacing-popconfirm_with_arrow-padding) ($spacing-popconfirm-top - $spacing-popconfirm_with_arrow-padding); // 带三角形箭头时的内边距(rtl)
+$spacing-popconfirm_popover_with_arrow_inner_btn_close-marginTop: $spacing-popconfirm_btn_close-margin - $spacing-popconfirm_with_arrow-padding; // 带三角形箭头时关闭按钮的顶部外边距
+$spacing-popconfirm_popover_with_arrow_inner_btn_close-marginRight: $spacing-popconfirm_btn_close-margin - $spacing-popconfirm_with_arrow-padding; // 带三角形箭头时关闭按钮的右侧外边距
+$spacing-popconfirm_header_icon-marginRight: 12px; // header 图标的右侧外边距
+
+// Font
+$font-popconfirm_header_title-fontWeight: $font-weight-bold; // header 标题字重
+
+// Radius
+$radius-popconfirm-popover: var(--semi-border-radius-medium); // 气泡确认框圆角大小

package/lib/cjs/popover/constants.d.ts

@@ -0,0 +1,25 @@
+declare const cssClasses: {
+    PREFIX: string;
+    ARROW: string;
+};
+declare const strings: {
+    readonly POSITION_SET: readonly ["top", "topLeft", "topRight", "left", "leftTop", "leftBottom", "right", "rightTop", "rightBottom", "bottom", "bottomLeft", "bottomRight", "leftTopOver", "rightTopOver"];
+    readonly TRIGGER_SET: readonly ["hover", "focus", "click", "custom"];
+    readonly DEFAULT_ARROW_STYLE: {
+        readonly borderOpacity: "1";
+        readonly backgroundColor: "var(--semi-color-bg-3)";
+        readonly borderColor: "var(--semi-color-border)";
+    };
+};
+declare const numbers: {
+    ARROW_BOUNDING: {
+        offsetY: number;
+        offsetX: number;
+        height: number;
+        width: 24;
+    };
+    SPACING: number;
+    SPACING_WITH_ARROW: number;
+    DEFAULT_Z_INDEX: number;
+};
+export { cssClasses, strings, numbers };