diff --git a/src/select/__tests__/__snapshots__/select.test.tsx.snap b/src/select/__tests__/__snapshots__/select.test.tsx.snap
index 9b902962d7..d277fd809c 100644
--- a/src/select/__tests__/__snapshots__/select.test.tsx.snap
+++ b/src/select/__tests__/__snapshots__/select.test.tsx.snap
@@ -185,52 +185,48 @@ exports[`creatable.jsx 1`] = `
 exports[`custom-options.jsx 1`] = `
 <DocumentFragment>
   <div
-    style="display: flex;"
+    class="t-select__wrap"
+    style="width: 80%;"
   >
     <div
-      class="t-select__wrap"
-      style="width: 40%;"
+      class="t-popup__reference t-select t-select-input"
     >
       <div
-        class="t-popup__reference t-select t-select-input"
+        class="t-input__wrap"
+        value="用户一"
       >
         <div
-          class="t-input__wrap"
-          value="Apple"
+          class="t-input t-is-readonly t-size-m t-align-left t-is-default t-input--prefix t-input--suffix"
         >
           <div
-            class="t-input t-is-readonly t-size-m t-align-left t-is-default t-input--prefix t-input--suffix"
+            class="t-input__prefix"
+          />
+          <input
+            class="t-input__inner"
+            placeholder="请选择"
+            readonly=""
+            type="text"
+            value="用户一"
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
           >
-            <div
-              class="t-input__prefix"
-            />
-            <input
-              class="t-input__inner"
-              placeholder="请选择"
-              readonly=""
-              type="text"
-              value="Apple"
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
+            <svg
+              class="t-fake-arrow t-select__right-icon"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
             >
-              <svg
-                class="t-fake-arrow t-select__right-icon"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
-            </span>
-          </div>
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </span>
         </div>
       </div>
     </div>
@@ -1201,6 +1197,7 @@ exports[`prefix.jsx 1`] = `
               class="t-icon t-icon-browse"
               fill="none"
               height="1em"
+              style="margin-right: 8px;"
               viewBox="0 0 16 16"
               width="1em"
             >
diff --git a/src/select/_example/custom-options.jsx b/src/select/_example/custom-options.jsx
index 4253ca42a9..c255babb9a 100644
--- a/src/select/_example/custom-options.jsx
+++ b/src/select/_example/custom-options.jsx
@@ -4,22 +4,52 @@ import { Select } from 'tdesign-react';
 
 const { Option } = Select;
 
-const CustomOptions = () => {
-  const [value, setValue] = useState('apple');
+const options = [
+  { label: '用户一', value: '1', description: '这是一段用户描述信息，可自定义内容' },
+  { label: '用户二', value: '2', description: '这是一段用户描述信息，可自定义内容' },
+  { label: '用户三', value: '3', description: '这是一段用户描述信息，可自定义内容' },
+  { label: '用户四', value: '4', description: '这是一段用户描述信息，可自定义内容' },
+  { label: '用户五', value: '5', description: '这是一段用户描述信息，可自定义内容' },
+  { label: '用户六', value: '6', description: '这是一段用户描述信息，可自定义内容' },
+  { label: '用户七', value: '7', description: '这是一段用户描述信息，可自定义内容' },
+  { label: '用户八', value: '8', description: '这是一段用户描述信息，可自定义内容' },
+  { label: '用户九', value: '9', description: '这是一段用户描述信息，可自定义内容' },
+];
+
+const avatarUrl = 'https://tdesign.gtimg.com/site/avatar.jpg';
+
+export default function CustomOptions() {
+  const [value, setValue] = useState('1');
   const onChange = (value) => {
     setValue(value);
   };
+
   return (
-    <div style={{ display: 'flex' }}>
-      <Select value={value} onChange={onChange} style={{ width: '40%' }} clearable>
-        <Option key="apple" label="Apple" value="apple" />
-        <Option key="orange" value="orange" label="orange">
-          this is a orange option
+    <Select value={value} onChange={onChange} style={{ width: '80%' }} clearable>
+      {options.map((option, idx) => (
+        <Option style={{ height: '60px' }} key={idx} value={option.value} label={option.label}>
+          <div style={{ display: 'flex' }}>
+            <img
+              src={avatarUrl}
+              style={{
+                maxWidth: '40px',
+                borderRadius: '50%',
+              }}
+            />
+            <div style={{ marginLeft: '16px' }}>
+              <div>{option.label}</div>
+              <div
+                style={{
+                  fontSize: '13px',
+                  color: 'var(--td-gray-color-9)',
+                }}
+              >
+                {option.description}
+              </div>
+            </div>
+          </div>
         </Option>
-        <Option key="banana" label="Banana" value="banana" />
-      </Select>
-    </div>
+      ))}
+    </Select>
   );
-};
-
-export default CustomOptions;
+}
diff --git a/src/select/_example/panel.jsx b/src/select/_example/panel.jsx
index d2c408b9ae..6b3f5fc3e6 100644
--- a/src/select/_example/panel.jsx
+++ b/src/select/_example/panel.jsx
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { Select, Textarea, Button, Input } from 'tdesign-react';
+import { Select, Textarea, Button, Input, Divider } from 'tdesign-react';
 
 const OPTIONS = [
   { label: '架构云', value: '1' },
@@ -49,9 +49,17 @@ export default function PanelExample() {
         panelBottomContent={
           <div className="select-panel-footer">
             {editOrCreate === 'edit' ? (
-              <Button theme="primary" variant="text" onClick={() => toggleEditOrCreate('create')}>
-                新增选项
-              </Button>
+              <div
+                style={{
+                  borderTop: '1px solid var(--td-border-level-2-color)',
+                  marginTop: '8px',
+                  padding: '8px 0',
+                }}
+              >
+                <Button theme="primary" variant="text" onClick={() => toggleEditOrCreate('create')}>
+                  新增选项
+                </Button>
+              </div>
             ) : (
               <div>
                 <Input autoFocus value={inputVal} onChange={(v) => changeInputVal(v)}></Input>
diff --git a/src/select/_example/prefix.jsx b/src/select/_example/prefix.jsx
index 43772717df..4b145dd055 100644
--- a/src/select/_example/prefix.jsx
+++ b/src/select/_example/prefix.jsx
@@ -11,7 +11,12 @@ const SelectPrefix = () => {
     setValue(value);
   };
   return (
-    <Select value={value} onChange={onChange} style={{ width: '40%' }} prefixIcon={<BrowseIcon />}>
+    <Select
+      value={value}
+      onChange={onChange}
+      style={{ width: '40%' }}
+      prefixIcon={<BrowseIcon style={{ marginRight: '8px' }} />}
+    >
       <Option key="apple" label="Apple" value="apple" />
       <Option key="orange" label="Orange" value="orange" disabled />
       <Option key="banana" label="Banana" value="banana" />
diff --git a/src/select/base/PopupContent.tsx b/src/select/base/PopupContent.tsx
index a7244642d0..f3a058044f 100644
--- a/src/select/base/PopupContent.tsx
+++ b/src/select/base/PopupContent.tsx
@@ -2,7 +2,7 @@ import React, { Children, Ref, forwardRef, isValidElement, cloneElement } from '
 import classNames from 'classnames';
 import { useLocaleReceiver } from '../../locale/LocalReceiver';
 import { getSelectValueArr } from '../util/helper';
-import { TdSelectProps, SelectValue, TdOptionProps } from '../type';
+import { TdSelectProps, SelectValue, TdOptionProps, SelectValueChangeTrigger } from '../type';
 import useConfig from '../../_util/useConfig';
 import Option, { SelectOptionProps } from './Option';
 
@@ -24,7 +24,15 @@ interface SelectPopupProps
     | 'panelTopContent'
     | 'panelBottomContent'
   > {
-  onChange?: (value: SelectValue, context?: { label?: string | number; restData?: Record<string, any> }) => void;
+  onChange?: (
+    value: SelectValue,
+    context?: {
+      label?: string | number;
+      restData?: Record<string, any>;
+      e: React.MouseEvent;
+      trigger: SelectValueChangeTrigger;
+    },
+  ) => void;
   /**
    * 是否展示popup
    */
@@ -63,7 +71,7 @@ const PopupContent = forwardRef((props: SelectPopupProps, ref: Ref<HTMLDivElemen
   const { classPrefix } = useConfig();
   if (!children && !props.options) return null;
 
-  const onSelect: SelectOptionProps['onSelect'] = (selectedValue, { label, selected, restData }) => {
+  const onSelect: SelectOptionProps['onSelect'] = (selectedValue, { label, selected, event, restData }) => {
     const isValObj = valueType === 'object';
     let objVal = {};
     if (isValObj) {
@@ -82,12 +90,12 @@ const PopupContent = forwardRef((props: SelectPopupProps, ref: Ref<HTMLDivElemen
     if (multiple) {
       // calc multiple select values
       const values = getSelectValueArr(value, selectedValue, selected, valueType, keys, objVal);
-      onChange(values, { label });
+      onChange(values, { label, e: event, trigger: 'check' });
     } else {
       // calc single select value
       const selectVal = valueType === 'object' ? objVal : selectedValue;
 
-      onChange(selectVal, { label });
+      onChange(selectVal, { label, e: event, trigger: 'check' });
       setShowPopup(!showPopup);
     }
   };
diff --git a/src/select/base/Select.tsx b/src/select/base/Select.tsx
index c1950a53a1..942d1da1f6 100644
--- a/src/select/base/Select.tsx
+++ b/src/select/base/Select.tsx
@@ -2,7 +2,6 @@ import React, { useState, useEffect, Ref, useMemo, useCallback, useRef } from 'r
 import classNames from 'classnames';
 import isFunction from 'lodash/isFunction';
 import get from 'lodash/get';
-import Tag from '../../tag';
 import useControlled from '../../hooks/useControlled';
 import { useLocaleReceiver } from '../../locale/LocalReceiver';
 import useConfig from '../../_util/useConfig';
@@ -13,11 +12,12 @@ import noop from '../../_util/noop';
 import FakeArrow from '../../common/FakeArrow';
 import Loading from '../../loading';
 import SelectInput from '../../select-input';
-import Option, { SelectOptionProps } from './Option';
+import Option from './Option';
 import OptionGroup from './OptionGroup';
 import PopupContent from './PopupContent';
+import Tag from '../../tag';
 
-import { TdSelectProps, TdOptionProps, SelectOption } from '../type';
+import { TdSelectProps, TdOptionProps, SelectOption, SelectValueChangeTrigger } from '../type';
 import { StyledProps } from '../../common';
 import { selectDefaultProps } from '../defaultProps';
 
@@ -97,13 +97,6 @@ const Select = forwardRefWithStatics(
     const [valueToOption, setValueToOption] = useState({});
     const [selectedOptions, setSelectedOptions] = useState([]);
 
-    const selectedLabel = useMemo(() => {
-      if (multiple) {
-        return selectedOptions.map((selectedOption) => get(selectedOption || {}, keys?.label || 'label') || '');
-      }
-      return get(selectedOptions[0] || {}, keys?.label || 'label') || '';
-    }, [selectedOptions, keys, multiple]);
-
     // 处理设置option的逻辑
     useEffect(() => {
       if (keys) {
@@ -123,7 +116,6 @@ const Select = forwardRefWithStatics(
     }, [options, keys, children]);
 
     // 同步value对应的options
-    // 没太看明白effect的必要，感觉是一个useMemo而已
     useEffect(() => {
       setSelectedOptions((oldSelectedOptions) => {
         const valueKey = keys?.value || 'value';
@@ -161,19 +153,25 @@ const Select = forwardRefWithStatics(
       });
     }, [value, keys, valueType, valueToOption]);
 
+    const selectedLabel = useMemo(() => {
+      if (multiple) {
+        return selectedOptions.map((selectedOption) => get(selectedOption || {}, keys?.label || 'label') || '');
+      }
+      return get(selectedOptions[0] || {}, keys?.label || 'label') || '';
+    }, [selectedOptions, keys, multiple]);
+
     const handleShowPopup = (visible: boolean) => {
       if (disabled) return;
       setShowPopup(visible);
       onVisibleChange?.(visible);
       visible && onInputChange('');
     };
-
     // 可以根据触发来源，自由定制标签变化时的筛选器行为
     const onTagChange = (currentTags, context) => {
-      const { trigger, index, item, e: event } = context;
+      const { trigger, index, item, e } = context;
       // backspace
       if (trigger === 'backspace') {
-        event.stopPropagation();
+        e.stopPropagation();
 
         let closest = -1;
         let len = index;
@@ -188,20 +186,20 @@ const Select = forwardRefWithStatics(
           return;
         }
         const values = getSelectValueArr(value, value[closest], true, valueType, keys);
-        onChange(values, context);
+        onChange(values, { e, trigger });
         return;
       }
 
       if (trigger === 'clear') {
-        event.stopPropagation();
-        onChange([], context);
+        e.stopPropagation();
+        onChange([], { e, trigger });
         return;
       }
 
       if (trigger === 'tag-remove') {
-        event.stopPropagation();
+        e.stopPropagation();
         const values = getSelectValueArr(value, value[index], true, valueType, keys);
-        onChange(values, context);
+        onChange(values, { e, trigger });
         if (isFunction(onRemove)) {
           onRemove({
             value: value[index],
@@ -209,14 +207,18 @@ const Select = forwardRefWithStatics(
               label: item,
               value: value[index],
             },
-            e: event as React.MouseEvent<HTMLDivElement, MouseEvent>,
+            e,
           });
         }
       }
     };
 
     // 选中 Popup 某项
-    const handleChange: SelectOptionProps['onSelect'] = (value) => {
+    const handleChange = (
+      value: string | number,
+      context: { e: React.MouseEvent; trigger: SelectValueChangeTrigger },
+    ) => {
+      const { e, trigger } = context;
       if (multiple) {
         !reserveKeyword && onInputChange('', { trigger: 'clear' });
       }
@@ -225,7 +227,7 @@ const Select = forwardRefWithStatics(
           onCreate(value);
         }
       }
-      onChange?.(value, null);
+      onChange?.(value, { e, trigger });
     };
 
     // 处理filter逻辑
diff --git a/src/select/select.md b/src/select/select.md
index 0d54681620..f3364434bc 100644
--- a/src/select/select.md
+++ b/src/select/select.md
@@ -35,11 +35,12 @@ popupVisible | Boolean | undefined | 是否显示下拉框 | N
 prefixIcon | TElement | - | 组件前置图标。TS 类型：`TNode`。[通用类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/common.ts) | N
 readonly | Boolean | false | 只读状态，值为真会隐藏输入框，且无法打开下拉框 | N
 reserveKeyword | Boolean | false | 多选且可搜索时，是否在选中一个选项后保留当前的搜索关键词 | N
-selectInputProps | Object | - | 【开发中】透传 SelectInput 筛选器输入框组件的全部属性。TS 类型：`SelectInputProps`，[SelectInput API Documents](./select-input?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/select/type.ts) | N
+scroll | Object | - | 【开发中】懒加载和虚拟滚动。为保证组件收益最大化，当数据量小于阈值 `scroll.threshold` 时，无论虚拟滚动的配置是否存在，组件内部都不会开启虚拟滚动，`scroll.threshold` 默认为 `100`。TS 类型：`TScroll`。[通用类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/common.ts) | N
+selectInputProps | Object | - | 透传 SelectInput 筛选器输入框组件的全部属性。TS 类型：`SelectInputProps`，[SelectInput API Documents](./select-input?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/select/type.ts) | N
 showArrow | Boolean | true | 是否显示右侧箭头，默认显示 | N
 size | String | medium | 组件尺寸。可选项：small/medium/large。TS 类型：`SizeEnum`。[通用类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/common.ts) | N
-tagInputProps | Object | - | 【开发中】透传 TagInput 标签输入框组件的全部属性。TS 类型：`TagInputProps`，[TagInput API Documents](./tag-input?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/select/type.ts) | N
-tagProps | Object | - | 【开发中】透传 Tag 标签组件全部属性。TS 类型：`TagProps`，[Tag API Documents](./tag?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/select/type.ts) | N
+tagInputProps | Object | - | 透传 TagInput 标签输入框组件的全部属性。TS 类型：`TagInputProps`，[TagInput API Documents](./tag-input?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/select/type.ts) | N
+tagProps | Object | - | 透传 Tag 标签组件全部属性。TS 类型：`TagProps`，[Tag API Documents](./tag?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/select/type.ts) | N
 value | String / Number / Object / Array | - | 选中值。TS 类型：`SelectValue` `type SelectValue<T extends SelectOption = SelectOption> = string | number | T | Array<SelectValue<T>>`。[详细类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/select/type.ts) | N
 defaultValue | String / Number / Object / Array | - | 选中值。非受控属性。TS 类型：`SelectValue` `type SelectValue<T extends SelectOption = SelectOption> = string | number | T | Array<SelectValue<T>>`。[详细类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/select/type.ts) | N
 valueDisplay | TNode | - | 自定义选中项呈现方式。TS 类型：`string | TNode<{ value: SelectValue; onClose: (index: number, item?: any) => void }>`。[通用类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/common.ts) | N
@@ -65,7 +66,7 @@ style | Object | - | 样式，TS 类型：`React.CSSProperties` | N
 children | TNode | - | 用于定义复杂的选项内容，同 content。TS 类型：`string | TNode`。[通用类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/common.ts) | N
 content | TNode | - | 用于定义复杂的选项内容。TS 类型：`string | TNode`。[通用类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/common.ts) | N
 disabled | Boolean | false | 是否禁用该选项 | N
-label | String | - | 选项名称 | N
+label | TNode | - | 选项名称。TS 类型：`string | TNode`。[通用类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/common.ts) | N
 value | String / Number | - | 选项值 | N
 
 ### OptionGroup Props
diff --git a/src/select/type.ts b/src/select/type.ts
index 0237a077fa..8f693892bb 100644
--- a/src/select/type.ts
+++ b/src/select/type.ts
@@ -12,7 +12,7 @@ import { TagInputProps } from '../tag-input';
 import { TagProps } from '../tag';
 import { SelectInputValueChangeContext } from '../select-input';
 import { PopupVisibleChangeContext } from '../popup';
-import { TNode, TElement, SizeEnum } from '../common';
+import { TNode, TElement, SizeEnum, TScroll } from '../common';
 import { MouseEvent, KeyboardEvent, FocusEvent } from 'react';
 
 export interface TdSelectProps<T extends SelectOption = SelectOption> {
@@ -145,7 +145,11 @@ export interface TdSelectProps<T extends SelectOption = SelectOption> {
    */
   reserveKeyword?: boolean;
   /**
-   * 【开发中】透传 SelectInput 筛选器输入框组件的全部属性
+   * 懒加载和虚拟滚动。为保证组件收益最大化，当数据量小于阈值 `scroll.threshold` 时，无论虚拟滚动的配置是否存在，组件内部都不会开启虚拟滚动，`scroll.threshold` 默认为 `100`
+   */
+  scroll?: TScroll;
+  /**
+   * 透传 SelectInput 筛选器输入框组件的全部属性
    */
   selectInputProps?: SelectInputProps;
   /**
@@ -159,11 +163,11 @@ export interface TdSelectProps<T extends SelectOption = SelectOption> {
    */
   size?: SizeEnum;
   /**
-   * 【开发中】透传 TagInput 标签输入框组件的全部属性
+   * 透传 TagInput 标签输入框组件的全部属性
    */
   tagInputProps?: TagInputProps;
   /**
-   * 【开发中】透传 Tag 标签组件全部属性
+   * 透传 Tag 标签组件全部属性
    */
   tagProps?: TagProps;
   /**
@@ -194,7 +198,7 @@ export interface TdSelectProps<T extends SelectOption = SelectOption> {
     value: SelectValue,
     context: {
       trigger: SelectValueChangeTrigger;
-      e?: MouseEvent<SVGElement, MouseEvent> | KeyboardEvent<HTMLInputElement>;
+      e?: MouseEvent | KeyboardEvent<HTMLInputElement>;
     },
   ) => void;
   /**
@@ -251,9 +255,8 @@ export interface TdOptionProps {
   disabled?: boolean;
   /**
    * 选项名称
-   * @default ''
    */
-  label?: string;
+  label?: TNode;
   /**
    * 选项值
    */
diff --git a/test/ssr/__snapshots__/ssr.test.js.snap b/test/ssr/__snapshots__/ssr.test.js.snap
index c2e2ad816d..e375ac6850 100644
--- a/test/ssr/__snapshots__/ssr.test.js.snap
+++ b/test/ssr/__snapshots__/ssr.test.js.snap
@@ -592,7 +592,7 @@ exports[`ssr snapshot test renders ./src/select/_example/collapsed.jsx correctly
 
 exports[`ssr snapshot test renders ./src/select/_example/creatable.jsx correctly 1`] = `"<div style=\\"display:flex\\" data-reactroot=\\"\\"><div class=\\"t-select__wrap\\" style=\\"width:40%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-size-m t-align-left t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input type=\\"text\\" placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/select/_example/custom-options.jsx correctly 1`] = `"<div style=\\"display:flex\\" data-reactroot=\\"\\"><div class=\\"t-select__wrap\\" style=\\"width:40%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-is-readonly t-size-m t-align-left t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input type=\\"text\\" placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/select/_example/custom-options.jsx correctly 1`] = `"<div class=\\"t-select__wrap\\" style=\\"width:80%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-is-readonly t-size-m t-align-left t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input type=\\"text\\" placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/select/_example/custom-selected.jsx correctly 1`] = `"<div style=\\"display:flex\\" data-reactroot=\\"\\"><div class=\\"t-select__wrap\\" style=\\"width:40%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--multiple t-select-input--empty\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon\\" value=\\"\\"><div class=\\"t-input t-is-readonly t-size-m t-align-left t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input type=\\"text\\" placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div>"`;
 
@@ -618,7 +618,7 @@ exports[`ssr snapshot test renders ./src/select/_example/panel.jsx correctly 1`]
 
 exports[`ssr snapshot test renders ./src/select/_example/popup-props.jsx correctly 1`] = `"<div style=\\"display:flex\\" data-reactroot=\\"\\"><div class=\\"t-select__wrap\\" style=\\"width:40%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-is-readonly t-size-m t-align-left t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input type=\\"text\\" placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/select/_example/prefix.jsx correctly 1`] = `"<div class=\\"t-select__wrap\\" style=\\"width:40%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-is-readonly t-size-m t-align-left t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\"><path fill=\\"currentColor\\" d=\\"M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><input type=\\"text\\" placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/select/_example/prefix.jsx correctly 1`] = `"<div class=\\"t-select__wrap\\" style=\\"width:40%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-is-readonly t-size-m t-align-left t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"margin-right:8px\\"><path fill=\\"currentColor\\" d=\\"M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><input type=\\"text\\" placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/select/_example/remote-search.jsx correctly 1`] = `"<div class=\\"t-select__wrap\\" style=\\"width:40%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-size-m t-align-left t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input type=\\"text\\" placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;