fix: tsc noEmit

.gitignore

@@ -27,6 +27,7 @@ es
 coverage
 yarn.lock
 package-lock.json
+bun.lockb
 
 # dumi
 .umi

docs/examples/case.tsx

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import type { CSSMotionProps } from 'rc-motion';
-import type { BuildInPlacements } from 'rc-trigger';
+import type { ActionType, BuildInPlacements } from 'rc-trigger';
 import Trigger from 'rc-trigger';
 import './case.less';
 
@@ -115,6 +115,8 @@ const Demo = () => {
     click,
     contextMenu,
   };
+
+  const actionsKeys = Object.keys(actions).filter((action) => actions[action]) as ActionType[];
 
   return (
     <React.StrictMode>
@@ -203,7 +205,7 @@ const Demo = () => {
             maskMotion={motion ? MaskMotion : null}
             maskClosable={maskClosable}
             stretch={stretch}
-            action={Object.keys(actions).filter((action) => actions[action])}
+            action={actionsKeys}
             builtinPlacements={builtinPlacements}
             forceRender={forceRender}
             popupStyle={{

docs/examples/nested.tsx

@@ -67,7 +67,7 @@ const Test = () => {
         getPopupContainer={() => containerRef.current}
         popup={<div style={popupBorderStyle}>I am inner Trigger Popup</div>}
       >
-        <span href="#" style={{ margin: 20 }}>
+        <span style={{ margin: 20 }}>
           clickToShowInnerTrigger
         </span>
       </Trigger>
@@ -94,7 +94,7 @@ const Test = () => {
               builtinPlacements={builtinPlacements}
               popup={<div style={popupBorderStyle}>i am a hover popup</div>}
             >
-              <span href="#" style={{ margin: 20 }}>
+              <span style={{ margin: 20 }}>
                 trigger
               </span>
             </Trigger>
@@ -108,7 +108,7 @@ const Test = () => {
           builtinPlacements={builtinPlacements}
           popup={innerTrigger}
         >
-          <span href="#" style={{ margin: 20 }}>
+          <span style={{ margin: 20 }}>
             trigger
           </span>
         </Trigger>

docs/examples/point.tsx

@@ -1,7 +1,7 @@
 /* eslint no-console:0 */
 
 import React from 'react';
-import Trigger from 'rc-trigger';
+import Trigger, { ActionType } from 'rc-trigger';
 import '../../assets/index.less';
 import './point.less';
 
@@ -17,7 +17,7 @@ const innerTrigger = (
 
 class Test extends React.Component {
   state = {
-    action: 'click',
+    action: 'click' as ActionType,
     mouseEnterDelay: 0,
   };
 

docs/examples/simple.tsx

@@ -1,6 +1,6 @@
 /* eslint no-console:0 */
 
-import Trigger from 'rc-trigger';
+import Trigger, { ActionType } from 'rc-trigger';
 import React from 'react';
 import '../../assets/index.less';
 
@@ -199,6 +199,9 @@ class Test extends React.Component<any, TestState> {
     if (state.destroyed) {
       return null;
     }
+
+    const actions = Object.keys(state.trigger) as ActionType[]
+
     return (
       <div>
         <div style={{ margin: '10px 20px' }}>
@@ -359,7 +362,7 @@ class Test extends React.Component<any, TestState> {
             maskAnimation="fade"
             // mouseEnterDelay={0.1}
             // mouseLeaveDelay={0.1}
-            action={Object.keys(state.trigger)}
+            action={actions}
             builtinPlacements={builtinPlacements}
             arrow
             popupStyle={{
@@ -370,33 +373,6 @@ class Test extends React.Component<any, TestState> {
             }}
             popup={<div>i am a popup</div>}
             popupTransitionName={state.transitionName}
-            mobile={
-              state.mobile
-                ? {
-                    popupMotion: {
-                      motionName: 'rc-trigger-popup-mobile-fade',
-                    },
-                    popupClassName: 'rc-trigger-popup-mobile',
-                    popupStyle: {
-                      padding: 16,
-                      borderTop: '1px solid red',
-                      background: '#FFF',
-                      textAlign: 'center',
-                    },
-                    popupRender: (node) => (
-                      <>
-                        <div>
-                          <input
-                            style={{ width: '100%' }}
-                            placeholder="additional content"
-                          />
-                        </div>
-                        {node}
-                      </>
-                    ),
-                  }
-                : null
-            }
           >
             <RefTarget />
           </Trigger>