fix(omi-transition): 修复同一个页面注册多次动画覆盖的问题

package.json

@@ -65,7 +65,7 @@
  "copy-to-clipboard": "^3.3.3",
  "lodash": "~4.17.15",
  "omi": "^7.7.1",
- "omi-transition": "^0.1.10",
+ "omi-transition": "^0.1.11",
  "tailwind-merge": "^2.2.1",
  "tdesign-icons-web-components": "^0.1.4"
  },

src/index.ts

@@ -28,6 +28,7 @@ export * from './popup';
 export * from './progress';
 export * from './radio';
 export * from './range-input';
+export * from './select';
 export * from './select-input';
 export * from './skeleton';
 export * from './slider';

src/popup/popup.tsx

@@ -289,6 +289,12 @@ export default class Popup extends Component<PopupProps> {
  this.updatePopper();
  };
 
+ showPopupByControlled = () => {
+ this.isPopoverInDomTree = true;
+ this.update();
+ this.addPopContentEvent();
+ };
+
  beforeUpdate() {
  if (this.getVisible()) {
  if (this.popperRef.current) {
@@ -310,11 +316,16 @@ export default class Popup extends Component<PopupProps> {
  this.addTriggerEvent();
 
  this.visible = this.props.visible;
+
  // 初始化就显示时
  if (this.visible) {
- this.isPopoverInDomTree = true;
- this.update();
- this.addPopContentEvent();
+ this.showPopupByControlled();
+ }
+ }
+
+ receiveProps(props, oldProps) {
+ if (props.visible && oldProps.visible !== props.visible) {
+ this.showPopupByControlled();
  }
  }
 

src/select/index.tsx

@@ -0,0 +1 @@
+export default {};