diff --git a/packages/designer/src/setters/router-setter.tsx b/packages/designer/src/setters/router-setter.tsx
index ead1fe48..5cc5a368 100644
--- a/packages/designer/src/setters/router-setter.tsx
+++ b/packages/designer/src/setters/router-setter.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Box } from 'coral-system';
 import { Input, Radio } from 'antd';
 import { isValidUrl } from '@music163/tango-helpers';
@@ -12,25 +12,32 @@ export function RouterSetter(props: FormItemComponentProps) {
   });
   const [input, setInput] = useState<string>(props.value);
   const { routeOptions } = useWorkspaceData();
+
+  const displayType = props.type || 'both';
+  useEffect(() => {
+    displayType === 'router' ? setType('select') : setType('input');
+  }, [displayType]);
   return (
     <Box>
       <Box mb="m">
-        <Radio.Group
-          value={type}
-          optionType="button"
-          buttonStyle="solid"
-          onChange={(e) => setType(e.target.value)}
-        >
-          <Radio value="select">选择路由</Radio>
-          <Radio value="input">自定义输入</Radio>
-        </Radio.Group>
+        {['both', 'router'].includes(displayType) && (
+          <Radio.Group
+            value={type}
+            optionType="button"
+            buttonStyle="solid"
+            onChange={(e) => setType(e.target.value)}
+          >
+            <Radio value="select">选择路由</Radio>
+            <Radio value="input">自定义输入</Radio>
+          </Radio.Group>
+        )}
       </Box>
       {type === 'select' && (
         <PickerSetter placeholder="请选择本地路由" options={routeOptions} {...props} />
       )}
       {type === 'input' && (
         <Input
-          placeholder="输入任意的路由或链接地址"
+          placeholder={`请输入任意${{ link: '链接', router: '路由', both: '' }[displayType]}地址`}
           {...props}
           value={input}
           onChange={(e) => setInput(e.target.value)}