@rc-component/trigger 1.16.1 → 2.0.0-0

package/es/Popup/index.d.ts

@@ -20,6 +20,7 @@ export interface PopupProps {
     open: boolean;
     /** Tell Portal that should keep in screen. e.g. should wait all motion end */
     keepDom: boolean;
+    fresh?: boolean;
     onClick?: React.MouseEventHandler<HTMLDivElement>;
     motion?: CSSMotionProps;
     maskMotion?: CSSMotionProps;

package/es/Popup/index.js

@@ -19,6 +19,7 @@ var Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _onVisibleChanged = props.onVisibleChanged,
     open = props.open,
     keepDom = props.keepDom,
+    fresh = props.fresh,
     onClick = props.onClick,
     mask = props.mask,
     arrow = props.arrow,
@@ -173,7 +174,7 @@ var Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {
         arrowPos: arrowPos,
         align: align
       }), /*#__PURE__*/React.createElement(PopupContent, {
-        cache: !open
+        cache: !open && !fresh
       }, childNode));
     });
   }));

package/es/index.d.ts

@@ -50,6 +50,12 @@ export interface TriggerProps {
     getPopupClassNameFromAlign?: (align: AlignType) => string;
     onPopupClick?: React.MouseEventHandler<HTMLDivElement>;
     alignPoint?: boolean;
+    /**
+     * Trigger will memo content when close.
+     * This may affect the case if want to keep content update.
+     * Set `fresh` to `false` will always keep update.
+     */
+    fresh?: boolean;
     arrow?: boolean | ArrowTypeOuter;
     /** @deprecated Add `className` on `children`. Please add `className` directly instead. */
     className?: string;

package/es/index.js

@@ -1,7 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["prefixCls", "children", "action", "showAction", "hideAction", "popupVisible", "defaultPopupVisible", "onPopupVisibleChange", "afterPopupVisibleChange", "mouseEnterDelay", "mouseLeaveDelay", "focusDelay", "blurDelay", "mask", "maskClosable", "getPopupContainer", "forceRender", "autoDestroy", "destroyPopupOnHide", "popup", "popupClassName", "popupStyle", "popupPlacement", "builtinPlacements", "popupAlign", "zIndex", "stretch", "getPopupClassNameFromAlign", "alignPoint", "onPopupClick", "onPopupAlign", "arrow", "popupMotion", "maskMotion", "popupTransitionName", "popupAnimation", "maskTransitionName", "maskAnimation", "className", "getTriggerDOMNode"];
+var _excluded = ["prefixCls", "children", "action", "showAction", "hideAction", "popupVisible", "defaultPopupVisible", "onPopupVisibleChange", "afterPopupVisibleChange", "mouseEnterDelay", "mouseLeaveDelay", "focusDelay", "blurDelay", "mask", "maskClosable", "getPopupContainer", "forceRender", "autoDestroy", "destroyPopupOnHide", "popup", "popupClassName", "popupStyle", "popupPlacement", "builtinPlacements", "popupAlign", "zIndex", "stretch", "getPopupClassNameFromAlign", "fresh", "alignPoint", "onPopupClick", "onPopupAlign", "arrow", "popupMotion", "maskMotion", "popupTransitionName", "popupAnimation", "maskTransitionName", "maskAnimation", "className", "getTriggerDOMNode"];
 import Portal from '@rc-component/portal';
 import classNames from 'classnames';
 import ResizeObserver from 'rc-resize-observer';
@@ -62,6 +62,7 @@ export function generateTrigger() {
       zIndex = props.zIndex,
       stretch = props.stretch,
       getPopupClassNameFromAlign = props.getPopupClassNameFromAlign,
+      fresh = props.fresh,
       alignPoint = props.alignPoint,
       onPopupClick = props.onPopupClick,
       onPopupAlign = props.onPopupAlign,
@@ -471,7 +472,8 @@ export function generateTrigger() {
       // Open
       ,
       open: mergedOpen,
-      keepDom: inMotion
+      keepDom: inMotion,
+      fresh: fresh
       // Click
       ,
       onClick: onPopupClick

package/lib/Popup/index.d.ts

@@ -20,6 +20,7 @@ export interface PopupProps {
     open: boolean;
     /** Tell Portal that should keep in screen. e.g. should wait all motion end */
     keepDom: boolean;
+    fresh?: boolean;
     onClick?: React.MouseEventHandler<HTMLDivElement>;
     motion?: CSSMotionProps;
     maskMotion?: CSSMotionProps;

package/lib/Popup/index.js

@@ -27,6 +27,7 @@ var Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _onVisibleChanged = props.onVisibleChanged,
     open = props.open,
     keepDom = props.keepDom,
+    fresh = props.fresh,
     onClick = props.onClick,
     mask = props.mask,
     arrow = props.arrow,
@@ -181,7 +182,7 @@ var Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {
         arrowPos: arrowPos,
         align: align
       }), /*#__PURE__*/React.createElement(_PopupContent.default, {
-        cache: !open
+        cache: !open && !fresh
       }, childNode));
     });
   }));

package/lib/index.d.ts

@@ -50,6 +50,12 @@ export interface TriggerProps {
     getPopupClassNameFromAlign?: (align: AlignType) => string;
     onPopupClick?: React.MouseEventHandler<HTMLDivElement>;
     alignPoint?: boolean;
+    /**
+     * Trigger will memo content when close.
+     * This may affect the case if want to keep content update.
+     * Set `fresh` to `false` will always keep update.
+     */
+    fresh?: boolean;
     arrow?: boolean | ArrowTypeOuter;
     /** @deprecated Add `className` on `children`. Please add `className` directly instead. */
     className?: string;

package/lib/index.js

@@ -29,7 +29,7 @@ var _useWinClick = _interopRequireDefault(require("./hooks/useWinClick"));
 var _Popup = _interopRequireDefault(require("./Popup"));
 var _TriggerWrapper = _interopRequireDefault(require("./TriggerWrapper"));
 var _util = require("./util");
-var _excluded = ["prefixCls", "children", "action", "showAction", "hideAction", "popupVisible", "defaultPopupVisible", "onPopupVisibleChange", "afterPopupVisibleChange", "mouseEnterDelay", "mouseLeaveDelay", "focusDelay", "blurDelay", "mask", "maskClosable", "getPopupContainer", "forceRender", "autoDestroy", "destroyPopupOnHide", "popup", "popupClassName", "popupStyle", "popupPlacement", "builtinPlacements", "popupAlign", "zIndex", "stretch", "getPopupClassNameFromAlign", "alignPoint", "onPopupClick", "onPopupAlign", "arrow", "popupMotion", "maskMotion", "popupTransitionName", "popupAnimation", "maskTransitionName", "maskAnimation", "className", "getTriggerDOMNode"];
+var _excluded = ["prefixCls", "children", "action", "showAction", "hideAction", "popupVisible", "defaultPopupVisible", "onPopupVisibleChange", "afterPopupVisibleChange", "mouseEnterDelay", "mouseLeaveDelay", "focusDelay", "blurDelay", "mask", "maskClosable", "getPopupContainer", "forceRender", "autoDestroy", "destroyPopupOnHide", "popup", "popupClassName", "popupStyle", "popupPlacement", "builtinPlacements", "popupAlign", "zIndex", "stretch", "getPopupClassNameFromAlign", "fresh", "alignPoint", "onPopupClick", "onPopupAlign", "arrow", "popupMotion", "maskMotion", "popupTransitionName", "popupAnimation", "maskTransitionName", "maskAnimation", "className", "getTriggerDOMNode"];
 // Removed Props List
 // Seems this can be auto
 // getDocument?: (element?: HTMLElement) => Document;
@@ -72,6 +72,7 @@ function generateTrigger() {
       zIndex = props.zIndex,
       stretch = props.stretch,
       getPopupClassNameFromAlign = props.getPopupClassNameFromAlign,
+      fresh = props.fresh,
       alignPoint = props.alignPoint,
       onPopupClick = props.onPopupClick,
       onPopupAlign = props.onPopupAlign,
@@ -481,7 +482,8 @@ function generateTrigger() {
       // Open
       ,
       open: mergedOpen,
-      keepDom: inMotion
+      keepDom: inMotion,
+      fresh: fresh
       // Click
       ,
       onClick: onPopupClick

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rc-component/trigger",
-  "version": "1.16.1",
+  "version": "2.0.0-0",
   "description": "base abstract trigger component for react",
   "engines": {
     "node": ">=8.x"
@@ -33,7 +33,7 @@
     "start": "dumi dev",
     "build": "dumi build",
     "compile": "father build && lessc assets/index.less assets/index.css",
-    "prepublishOnly": "npm run compile && np --yolo --no-publish",
+    "prepublishOnly": "npm run compile && np --yolo --no-publish --branch feat/@rc-component/dom-align",
     "lint": "eslint src/ docs/examples/ --ext .tsx,.ts,.jsx,.js",
     "test": "rc-test",
     "coverage": "rc-test --coverage",
@@ -52,7 +52,7 @@
     "eslint": "^7.0.0",
     "father": "^4.0.0",
     "less": "^3.10.3",
-    "np": "^6.2.0",
+    "np": "^8.0.4",
     "rc-test": "^7.0.13",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
@@ -60,13 +60,13 @@
     "typescript": "^4.0.0"
   },
   "dependencies": {
-    "@babel/runtime": "^7.18.3",
+    "@babel/runtime": "^7.23.2",
     "@rc-component/portal": "^1.1.0",
     "classnames": "^2.3.2",
-    "rc-align": "^4.0.0",
+    "rc-align": "5.0.0-0",
     "rc-motion": "^2.0.0",
     "rc-resize-observer": "^1.3.1",
-    "rc-util": "^5.33.0"
+    "rc-util": "^5.38.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",