@rainbow-oh/yee-c 0.8.8 → 0.8.9

package/dist/cjs/Popover/popover.js

@@ -107,6 +107,7 @@ var Popover = (baseprops) => {
     "defaultOpen",
     "onOpenChange"
   ]);
+  const mergedArrow = arrow === true ? { className: `${prefixCls}-arrow` } : arrow;
   const [mergedOpen, setMergedOpen] = (0, import_useMergedState.default)(false, {
     value: open,
     defaultValue: defaultOpen
@@ -121,7 +122,7 @@ var Popover = (baseprops) => {
     return /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
-        className: (0, import_clsx.default)(prefixCls, [`${prefixCls}-${placement}`], className),
+        className: (0, import_clsx.default)(`${prefixCls}-container`, className),
         style,
         role: "dialog",
         ref: popupRef
@@ -161,12 +162,12 @@ var Popover = (baseprops) => {
   return /* @__PURE__ */ import_react.default.createElement(
     import_Trigger.default,
     __spreadProps(__spreadValues({}, rest), {
-      arrow,
+      arrow: mergedArrow,
       trigger,
       placement,
       popup,
       open: mergedOpen,
-      popupClassName: (0, import_clsx.default)(`${prefixCls}-popup`, popupClassName),
+      popupClassName: (0, import_clsx.default)(`${prefixCls}`, popupClassName),
       onOpenChange: handleOpenChange
     }),
     children

package/dist/cjs/Popover/style/index.less

@@ -2,11 +2,14 @@
 
 @{pls} {
   max-width: var(--yee-popover-max-width);
-  padding: var(--yee-popover-padding);
   color: var(--yee-color-text);
   background-color: var(--yee-popover-bg-color);
   border-radius: var(--yee-popover-border-radius);
-  overflow: hidden;
+
+  &-container {
+    padding: var(--yee-popover-padding);
+    overflow: auto;
+  }
 
   &-header {
     margin-bottom: var(--yee-popover-header-margin-bottom);

package/dist/cjs/Table/style/index.less

@@ -72,8 +72,6 @@
   }
 
   &-filter {
-    padding: var(--yee-table-filter-popup-padding);
-
     &-trigger {
       display: inline-flex;
       cursor: pointer;

package/dist/cjs/Table/theader/filter.js

@@ -50,7 +50,7 @@ var getStrLower = (str) => {
   return str;
 };
 var HeaderFilter = import_react.default.memo((props) => {
-  const { filter, column, getContainer, onInternalFilter } = props;
+  const { filter, column, getPopupContainer, onInternalFilter } = props;
   const { prefixCls } = (0, import_react.useContext)(import_table.TableCtx);
   const { locale } = (0, import_locale.useLocale)();
   const { table: tableLocale } = locale;
@@ -60,12 +60,13 @@ var HeaderFilter = import_react.default.memo((props) => {
   const [selectNodes, setSelectNodes] = (0, import_react.useState)([]);
   const [searchValue, setSearchValue] = (0, import_react.useState)("");
   (0, import_react.useEffect)(() => {
-    if (open) {
-      requestAnimationFrame(() => {
-        var _a;
-        (_a = inputRef.current) == null ? void 0 : _a.focus({ preventScroll: true });
-      });
-    }
+    if (!open)
+      return;
+    const raf = requestAnimationFrame(() => {
+      var _a;
+      (_a = inputRef.current) == null ? void 0 : _a.focus({ preventScroll: true });
+    });
+    return () => cancelAnimationFrame(raf);
   }, [open]);
   const inputChange = (value) => {
     setSearchValue(value);
@@ -171,12 +172,12 @@ var HeaderFilter = import_react.default.memo((props) => {
     {
       trigger: "click",
       placement: "bottomRight",
-      className: (0, import_clsx.default)(`${prefixCls}-filter`),
+      popupClassName: (0, import_clsx.default)(`${prefixCls}-filter`),
       content: popup,
       arrow: true,
       open,
       hideOnClick: false,
-      getPopupContainer: getContainer,
+      getPopupContainer,
       onOpenChange: handleOpenChange
     },
     renderTrigger()

package/dist/cjs/Trigger/style/index.less

@@ -3,6 +3,7 @@
 @{pls} {
   position: absolute;
   z-index: var(--yee-trigger-z-index);
+  border-radius: var(--yee-trigger-border-radius);
 
   &-hidden {
     display: none;

package/dist/cjs/style/size.css

@@ -393,9 +393,9 @@
   /* --Popover-- */
   --yee-popover-z-index: var(--yee-z-index-tooltip);
   --yee-popover-max-width: 704px;
-  --yee-popover-padding: 16px;
+  --yee-popover-padding: 12px;
   --yee-popover-border-radius: 4px;
-  --yee-popover-header-margin-bottom: 16px;
+  --yee-popover-header-margin-bottom: 8px;
   --yee-popover-header-font-weight: 500;
   --yee-popover-header-font-size: 16px;
   --yee-popover-header-line-height: 24px;
@@ -849,6 +849,7 @@
 
   /* --Trigger-- */
   --yee-trigger-z-index: var(--yee-z-index-popup);
+  --yee-trigger-border-radius: 6px;
   --yee-trigger-box-shadow: 0 8px 24px 0 var(--yee-box-shadow-color);
   --yee-trigger-arrow-margin-left: -4px;
   --yee-trigger-animation-duration: 0.2s;

package/dist/cjs/style/themes.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-07-28T09:56:51.041Z
+ * Generated on 2026-07-29T02:39:04.889Z
  */
 
 /* ========== color.blue.css ========== */

package/dist/cjs/style/variables.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-07-28T09:56:51.041Z
+ * Generated on 2026-07-29T02:39:04.889Z
  */
 
 /* ========== color.css ========== */
@@ -1515,9 +1515,9 @@
   /* --Popover-- */
   --yee-popover-z-index: var(--yee-z-index-tooltip);
   --yee-popover-max-width: 704px;
-  --yee-popover-padding: 16px;
+  --yee-popover-padding: 12px;
   --yee-popover-border-radius: 4px;
-  --yee-popover-header-margin-bottom: 16px;
+  --yee-popover-header-margin-bottom: 8px;
   --yee-popover-header-font-weight: 500;
   --yee-popover-header-font-size: 16px;
   --yee-popover-header-line-height: 24px;
@@ -1971,6 +1971,7 @@
 
   /* --Trigger-- */
   --yee-trigger-z-index: var(--yee-z-index-popup);
+  --yee-trigger-border-radius: 6px;
   --yee-trigger-box-shadow: 0 8px 24px 0 var(--yee-box-shadow-color);
   --yee-trigger-arrow-margin-left: -4px;
   --yee-trigger-animation-duration: 0.2s;

package/dist/cjs/utils/focusStack.js

@@ -47,7 +47,7 @@ var focusInitialElement = (entry) => {
     return;
   }
   const firstFocusable = entry.container.querySelector(focusableSelector);
-  (firstFocusable != null ? firstFocusable : entry.container).focus();
+  (firstFocusable != null ? firstFocusable : entry.container).focus({ preventScroll: true });
 };
 var pushFocus = (container, previous = document.activeElement) => {
   const entry = { container, previous };

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@ declare global {
         __yee_c_version__: string;
     }
 }
-export declare const version = "0.8.8";
+export declare const version = "0.8.9";

package/dist/cjs/version.js

@@ -22,7 +22,7 @@ __export(version_exports, {
   version: () => version
 });
 module.exports = __toCommonJS(version_exports);
-var version = "0.8.8";
+var version = "0.8.9";
 if (typeof window !== "undefined") {
   window.__yee_c_version__ = version;
 }

package/dist/esm/Popover/popover.js

@@ -45,6 +45,9 @@ var Popover = function Popover(baseprops) {
     defaultOpen = props.defaultOpen,
     onOpenChange = props.onOpenChange,
     rest = _objectWithoutProperties(props, _excluded);
+  var mergedArrow = arrow === true ? {
+    className: "".concat(prefixCls, "-arrow")
+  } : arrow;
   var _useMergedState = useMergedState(false, {
       value: open,
       defaultValue: defaultOpen
@@ -60,7 +63,7 @@ var Popover = function Popover(baseprops) {
       return null;
     }
     return /*#__PURE__*/React.createElement("div", {
-      className: clsx(prefixCls, ["".concat(prefixCls, "-").concat(placement)], className),
+      className: clsx("".concat(prefixCls, "-container"), className),
       style: style,
       role: "dialog",
       ref: popupRef
@@ -91,12 +94,12 @@ var Popover = function Popover(baseprops) {
   });
   var popup = renderPopup();
   return /*#__PURE__*/React.createElement(Trigger, _extends({}, rest, {
-    arrow: arrow,
+    arrow: mergedArrow,
     trigger: trigger,
     placement: placement,
     popup: popup,
     open: mergedOpen,
-    popupClassName: clsx("".concat(prefixCls, "-popup"), popupClassName),
+    popupClassName: clsx("".concat(prefixCls), popupClassName),
     onOpenChange: handleOpenChange
   }), children);
 };

package/dist/esm/Popover/style/index.less

@@ -2,11 +2,14 @@
 
 @{pls} {
   max-width: var(--yee-popover-max-width);
-  padding: var(--yee-popover-padding);
   color: var(--yee-color-text);
   background-color: var(--yee-popover-bg-color);
   border-radius: var(--yee-popover-border-radius);
-  overflow: hidden;
+
+  &-container {
+    padding: var(--yee-popover-padding);
+    overflow: auto;
+  }
 
   &-header {
     margin-bottom: var(--yee-popover-header-margin-bottom);

package/dist/esm/Table/style/index.less

@@ -72,8 +72,6 @@
   }
 
   &-filter {
-    padding: var(--yee-table-filter-popup-padding);
-
     &-trigger {
       display: inline-flex;
       cursor: pointer;

package/dist/esm/Table/theader/filter.js

@@ -24,7 +24,7 @@ var getStrLower = function getStrLower(str) {
 var HeaderFilter = /*#__PURE__*/React.memo(function (props) {
   var filter = props.filter,
     column = props.column,
-    getContainer = props.getContainer,
+    getPopupContainer = props.getPopupContainer,
     onInternalFilter = props.onInternalFilter;
   var _useContext = useContext(TableCtx),
     prefixCls = _useContext.prefixCls;
@@ -46,14 +46,16 @@ var HeaderFilter = /*#__PURE__*/React.memo(function (props) {
     searchValue = _useState6[0],
     setSearchValue = _useState6[1];
   useEffect(function () {
-    if (open) {
-      requestAnimationFrame(function () {
-        var _inputRef$current;
-        (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus({
-          preventScroll: true
-        });
+    if (!open) return;
+    var raf = requestAnimationFrame(function () {
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus({
+        preventScroll: true
       });
-    }
+    });
+    return function () {
+      return cancelAnimationFrame(raf);
+    };
   }, [open]);
   var inputChange = function inputChange(value) {
     setSearchValue(value);
@@ -197,12 +199,12 @@ var HeaderFilter = /*#__PURE__*/React.memo(function (props) {
   return /*#__PURE__*/React.createElement(Popover, {
     trigger: "click",
     placement: "bottomRight",
-    className: clsx("".concat(prefixCls, "-filter")),
+    popupClassName: clsx("".concat(prefixCls, "-filter")),
     content: popup,
     arrow: true,
     open: open,
     hideOnClick: false,
-    getPopupContainer: getContainer,
+    getPopupContainer: getPopupContainer,
     onOpenChange: handleOpenChange
   }, renderTrigger());
 });

package/dist/esm/Trigger/style/index.less

@@ -3,6 +3,7 @@
 @{pls} {
   position: absolute;
   z-index: var(--yee-trigger-z-index);
+  border-radius: var(--yee-trigger-border-radius);
 
   &-hidden {
     display: none;

package/dist/esm/style/size.css

@@ -393,9 +393,9 @@
   /* --Popover-- */
   --yee-popover-z-index: var(--yee-z-index-tooltip);
   --yee-popover-max-width: 704px;
-  --yee-popover-padding: 16px;
+  --yee-popover-padding: 12px;
   --yee-popover-border-radius: 4px;
-  --yee-popover-header-margin-bottom: 16px;
+  --yee-popover-header-margin-bottom: 8px;
   --yee-popover-header-font-weight: 500;
   --yee-popover-header-font-size: 16px;
   --yee-popover-header-line-height: 24px;
@@ -849,6 +849,7 @@
 
   /* --Trigger-- */
   --yee-trigger-z-index: var(--yee-z-index-popup);
+  --yee-trigger-border-radius: 6px;
   --yee-trigger-box-shadow: 0 8px 24px 0 var(--yee-box-shadow-color);
   --yee-trigger-arrow-margin-left: -4px;
   --yee-trigger-animation-duration: 0.2s;

package/dist/esm/style/themes.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-07-28T09:56:51.041Z
+ * Generated on 2026-07-29T02:39:04.889Z
  */
 
 /* ========== color.blue.css ========== */

package/dist/esm/style/variables.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-07-28T09:56:51.041Z
+ * Generated on 2026-07-29T02:39:04.889Z
  */
 
 /* ========== color.css ========== */
@@ -1515,9 +1515,9 @@
   /* --Popover-- */
   --yee-popover-z-index: var(--yee-z-index-tooltip);
   --yee-popover-max-width: 704px;
-  --yee-popover-padding: 16px;
+  --yee-popover-padding: 12px;
   --yee-popover-border-radius: 4px;
-  --yee-popover-header-margin-bottom: 16px;
+  --yee-popover-header-margin-bottom: 8px;
   --yee-popover-header-font-weight: 500;
   --yee-popover-header-font-size: 16px;
   --yee-popover-header-line-height: 24px;
@@ -1971,6 +1971,7 @@
 
   /* --Trigger-- */
   --yee-trigger-z-index: var(--yee-z-index-popup);
+  --yee-trigger-border-radius: 6px;
   --yee-trigger-box-shadow: 0 8px 24px 0 var(--yee-box-shadow-color);
   --yee-trigger-arrow-margin-left: -4px;
   --yee-trigger-animation-duration: 0.2s;

package/dist/esm/utils/focusStack.js

@@ -14,7 +14,11 @@ var focusInitialElement = function focusInitialElement(entry) {
     return;
   }
   var firstFocusable = entry.container.querySelector(focusableSelector);
-  (firstFocusable !== null && firstFocusable !== void 0 ? firstFocusable : entry.container).focus();
+  // Focusing popup content must not move the page or a scrollable ancestor.
+  // Consumers can still scroll explicitly after focus when that behavior is needed.
+  (firstFocusable !== null && firstFocusable !== void 0 ? firstFocusable : entry.container).focus({
+    preventScroll: true
+  });
 };
 export var pushFocus = function pushFocus(container) {
   var previous = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.activeElement;

package/dist/esm/version.d.ts

@@ -3,4 +3,4 @@ declare global {
         __yee_c_version__: string;
     }
 }
-export declare const version = "0.8.8";
+export declare const version = "0.8.9";

package/dist/esm/version.js

@@ -1,4 +1,4 @@
-export var version = "0.8.8";
+export var version = "0.8.9";
 if (typeof window !== 'undefined') {
   window.__yee_c_version__ = version;
 }