From ce1ac76b754ee5c5afc31304e5f9e64af90d42f9 Mon Sep 17 00:00:00 2001
From: Avan <layouwen@gmail.com>
Date: Sun, 18 Aug 2024 08:25:20 +0800
Subject: [PATCH] fix: tsc noEmit

---
 .gitignore               |  1 +
 docs/examples/case.tsx   |  6 ++++--
 docs/examples/nested.tsx |  6 +++---
 docs/examples/point.tsx  |  4 ++--
 docs/examples/simple.tsx | 34 +++++-----------------------------
 5 files changed, 15 insertions(+), 36 deletions(-)

diff --git a/.gitignore b/.gitignore
index 65899cf1..f44d17fe 100644
--- a/.gitignore
+++ b/.gitignore
@@ -27,6 +27,7 @@ es
 coverage
 yarn.lock
 package-lock.json
+bun.lockb
 
 # dumi
 .umi
diff --git a/docs/examples/case.tsx b/docs/examples/case.tsx
index 2d24a8e4..695f0db2 100644
--- a/docs/examples/case.tsx
+++ b/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={{
diff --git a/docs/examples/nested.tsx b/docs/examples/nested.tsx
index 3412438e..259ea0a3 100644
--- a/docs/examples/nested.tsx
+++ b/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>
diff --git a/docs/examples/point.tsx b/docs/examples/point.tsx
index 228fb182..c2b48b8f 100644
--- a/docs/examples/point.tsx
+++ b/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,
   };
 
diff --git a/docs/examples/simple.tsx b/docs/examples/simple.tsx
index 31b53881..59a2641e 100644
--- a/docs/examples/simple.tsx
+++ b/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>