one-design-next 0.0.80 → 0.0.82

package/dist/clarify-dock/index.d.ts

@@ -23,7 +23,7 @@ export interface ClarifyDockSpec {
     answeredText?: string;
     /**
      * 单题选项上限（含「其他」），默认 {@link CLARIFY_DOCK_MAX_OPTIONS}。
-     * 超过截断业务选项；有「其他」时优先保留末位。硬顶 26（A–Z）。
+     * 超过截断业务选项；有「其他」时优先保留末位。硬顶 26（1–26）。
      */
     maxOptions?: number;
 }

package/dist/clarify-dock/index.js

@@ -215,16 +215,16 @@ var MULTI_UNSELECTED_ACTIVE_FILL = 'rgba(33, 34, 38, 0.08)';
  */
 export var CLARIFY_DOCK_MAX_OPTIONS = 5;
 
-/** 徽标字母硬顶 A–Z，防止异常大值。 */
-var OPTION_LETTER_HARD_CAP = 26;
+/** 徽标序号硬顶 1–26，防止异常大值。 */
+var OPTION_INDEX_HARD_CAP = 26;
 function resolveMaxOptions(maxOptions) {
   var raw = maxOptions !== null && maxOptions !== void 0 ? maxOptions : CLARIFY_DOCK_MAX_OPTIONS;
   if (!Number.isFinite(raw)) return CLARIFY_DOCK_MAX_OPTIONS;
-  return Math.max(1, Math.min(Math.floor(raw), OPTION_LETTER_HARD_CAP));
+  return Math.max(1, Math.min(Math.floor(raw), OPTION_INDEX_HARD_CAP));
 }
-function optionLetter(idx) {
-  if (idx < 0 || idx >= OPTION_LETTER_HARD_CAP) return '';
-  return String.fromCharCode(65 + idx);
+function optionIndexLabel(idx) {
+  if (idx < 0 || idx >= OPTION_INDEX_HARD_CAP) return '';
+  return String(idx + 1);
 }
 export function ClarifyDockPanel(_ref2) {
   var msgId = _ref2.msgId,
@@ -248,24 +248,28 @@ export function ClarifyDockPanel(_ref2) {
     _useState10 = _slicedToArray(_useState9, 2),
     otherDraft = _useState10[0],
     setOtherDraft = _useState10[1];
-  var _useState11 = useState(null),
+  var _useState11 = useState(''),
     _useState12 = _slicedToArray(_useState11, 2),
-    dateDraft = _useState12[0],
-    setDateDraft = _useState12[1];
+    textDraft = _useState12[0],
+    setTextDraft = _useState12[1];
   var _useState13 = useState(null),
     _useState14 = _slicedToArray(_useState13, 2),
-    dateRangeDraft = _useState14[0],
-    setDateRangeDraft = _useState14[1];
-  /** AutoHeight 过渡结束后再递增，驱动选项延后 autofocus */
-  var _useState15 = useState(0),
+    dateDraft = _useState14[0],
+    setDateDraft = _useState14[1];
+  var _useState15 = useState(null),
     _useState16 = _slicedToArray(_useState15, 2),
-    inputFocusEpoch = _useState16[0],
-    setInputFocusEpoch = _useState16[1];
+    dateRangeDraft = _useState16[0],
+    setDateRangeDraft = _useState16[1];
+  /** AutoHeight 过渡结束后再递增，驱动选项延后 autofocus */
+  var _useState17 = useState(0),
+    _useState18 = _slicedToArray(_useState17, 2),
+    inputFocusEpoch = _useState18[0],
+    setInputFocusEpoch = _useState18[1];
   var question = spec.questions[page];
   var answer = answers[page];
   var input = question.input;
 
-  /* 切页：回显 other / date / date-range 草稿 */
+  /* 切页：回显 other / text / date / date-range 草稿 */
   useEffect(function () {
     if ((answer === null || answer === void 0 ? void 0 : answer.kind) === 'options' || (answer === null || answer === void 0 ? void 0 : answer.kind) === 'options-multi') {
       var _answer$otherText;
@@ -273,6 +277,11 @@ export function ClarifyDockPanel(_ref2) {
     } else {
       setOtherDraft('');
     }
+    if ((answer === null || answer === void 0 ? void 0 : answer.kind) === 'text') {
+      setTextDraft(answer.value);
+    } else {
+      setTextDraft('');
+    }
     if ((answer === null || answer === void 0 ? void 0 : answer.kind) === 'date') {
       setDateDraft(answer.value ? new Date("".concat(answer.value, "T00:00:00")) : null);
     } else {
@@ -309,6 +318,8 @@ export function ClarifyDockPanel(_ref2) {
           if (hasOther && otherDraft.trim().length === 0) return false;
           return hasRegular || hasOther;
         }
+      case 'text':
+        return answer.value.trim().length > 0;
       case 'date':
         return answer.value.trim().length > 0;
       case 'date-range':
@@ -360,6 +371,8 @@ export function ClarifyDockPanel(_ref2) {
           }
           return labels.join('、');
         }
+      case 'text':
+        return ans.value;
       case 'date':
         return ans.value;
       case 'date-range':
@@ -381,6 +394,12 @@ export function ClarifyDockPanel(_ref2) {
           otherText: otherDraft
         });
       }
+      if (a.kind === 'text') {
+        return {
+          kind: 'text',
+          value: textDraft
+        };
+      }
       if (a.kind === 'date' && dateDraft) {
         return {
           kind: 'date',
@@ -420,6 +439,9 @@ export function ClarifyDockPanel(_ref2) {
             data[q.key] = values;
             break;
           }
+        case 'text':
+          data[q.key] = a.value;
+          break;
         case 'date':
           data[q.key] = a.value;
           break;
@@ -483,6 +505,7 @@ export function ClarifyDockPanel(_ref2) {
       kind: 'skipped'
     };
     setOtherDraft('');
+    setTextDraft('');
     setDateDraft(null);
     setDateRangeDraft(null);
     /* 不按顺序跳过：任意一题跳过后若已全部有值（含已跳），直接提交 */
@@ -502,6 +525,7 @@ export function ClarifyDockPanel(_ref2) {
     if (!isSkipped) return;
     setAnswerForPage(undefined);
     setOtherDraft('');
+    setTextDraft('');
     setDateDraft(null);
     setDateRangeDraft(null);
   };
@@ -552,6 +576,7 @@ export function ClarifyDockPanel(_ref2) {
     answer: isSkipped ? undefined : answer,
     focusEpoch: inputFocusEpoch,
     otherDraft: otherDraft,
+    textDraft: textDraft,
     dateDraft: dateDraft,
     dateRangeDraft: dateRangeDraft,
     onOtherDraftChange: function onOtherDraftChange(v) {
@@ -570,6 +595,13 @@ export function ClarifyDockPanel(_ref2) {
         });
       }
     },
+    onTextChange: function onTextChange(v) {
+      setTextDraft(v);
+      setAnswerForPage(v.trim() ? {
+        kind: 'text',
+        value: v
+      } : undefined);
+    },
     onDateChange: function onDateChange(d) {
       setDateDraft(d);
       setAnswerForPage(d ? {
@@ -671,8 +703,8 @@ function withOtherOption(options, allowOther, maxOptions) {
 
 /**
  * 按 input.kind 适配录入组件：
- * options / options-multi → 选项列表；date → DatePicker；
- * date-range → DateRangePicker。自由文本走自然语言 + Composer，不在此渲染。
+ * options / options-multi → 选项列表；text → Input 单行；
+ * date → DatePicker；date-range → DateRangePicker。
  */
 function QuestionInput(_ref3) {
   var input = _ref3.input,
@@ -680,9 +712,11 @@ function QuestionInput(_ref3) {
     answer = _ref3.answer,
     focusEpoch = _ref3.focusEpoch,
     otherDraft = _ref3.otherDraft,
+    textDraft = _ref3.textDraft,
     dateDraft = _ref3.dateDraft,
     dateRangeDraft = _ref3.dateRangeDraft,
     onOtherDraftChange = _ref3.onOtherDraftChange,
+    onTextChange = _ref3.onTextChange,
     onDateChange = _ref3.onDateChange,
     onDateRangeChange = _ref3.onDateRangeChange,
     onPickSingle = _ref3.onPickSingle,
@@ -704,6 +738,17 @@ function QuestionInput(_ref3) {
       })
     );
   }
+  if (input.kind === 'text') {
+    return /*#__PURE__*/React.createElement("div", {
+      "data-odn-clarify-dock-input-row": true,
+      "data-kind": "text"
+    }, /*#__PURE__*/React.createElement(TextQuestionInput, {
+      value: textDraft,
+      placeholder: input.placeholder,
+      focusEpoch: focusEpoch,
+      onChange: onTextChange
+    }));
+  }
   if (input.kind === 'date') {
     return /*#__PURE__*/React.createElement("div", {
       "data-odn-clarify-dock-input-row": true
@@ -734,25 +779,57 @@ function QuestionInput(_ref3) {
 }
 
 /* ------------------------------------------------------------------ */
-/*  OptionsList · A–E 徽标 + ↑↓ 框选（焦点隔离，不抢 Composer）         */
+/*  TextQuestionInput · 迷你单行输入（撑满宽度，13px）                   */
 /* ------------------------------------------------------------------ */
 
-function OptionsList(_ref4) {
-  var options = _ref4.options,
-    multi = _ref4.multi,
-    answer = _ref4.answer,
+function TextQuestionInput(_ref4) {
+  var value = _ref4.value,
+    placeholder = _ref4.placeholder,
     focusEpoch = _ref4.focusEpoch,
-    otherDraft = _ref4.otherDraft,
-    otherPlaceholder = _ref4.otherPlaceholder,
-    onOtherDraftChange = _ref4.onOtherDraftChange,
-    onPickSingle = _ref4.onPickSingle,
-    onToggleMulti = _ref4.onToggleMulti;
+    _onChange = _ref4.onChange;
+  var ref = useRef(null);
+  useEffect(function () {
+    if (focusEpoch <= 0) return;
+    var id = window.requestAnimationFrame(function () {
+      var _ref$current;
+      (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.focus();
+    });
+    return function () {
+      return window.cancelAnimationFrame(id);
+    };
+  }, [focusEpoch]);
+  return /*#__PURE__*/React.createElement(Input, {
+    ref: ref,
+    value: value,
+    onChange: function onChange(_, next) {
+      return _onChange(next);
+    },
+    placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : '请输入…',
+    size: "small",
+    className: "w-full"
+  });
+}
+
+/* ------------------------------------------------------------------ */
+/*  OptionsList · 1–N 序号徽标 + ↑↓ 框选（焦点隔离，不抢 Composer）      */
+/* ------------------------------------------------------------------ */
+
+function OptionsList(_ref5) {
+  var options = _ref5.options,
+    multi = _ref5.multi,
+    answer = _ref5.answer,
+    focusEpoch = _ref5.focusEpoch,
+    otherDraft = _ref5.otherDraft,
+    otherPlaceholder = _ref5.otherPlaceholder,
+    onOtherDraftChange = _ref5.onOtherDraftChange,
+    onPickSingle = _ref5.onPickSingle,
+    onToggleMulti = _ref5.onToggleMulti;
   var optionRefs = useRef([]);
   /** roving tabindex：当前键盘焦点项；与选中态解耦，避免重渲染丢焦 */
-  var _useState17 = useState(0),
-    _useState18 = _slicedToArray(_useState17, 2),
-    focusedIdx = _useState18[0],
-    setFocusedIdx = _useState18[1];
+  var _useState19 = useState(0),
+    _useState20 = _slicedToArray(_useState19, 2),
+    focusedIdx = _useState20[0],
+    setFocusedIdx = _useState20[1];
   /** 选中态导致「其他」编辑行等结构切换后，在 layout 再聚焦 */
   var pendingFocusIdxRef = useRef(null);
   var resolveSelectedIdx = function resolveSelectedIdx() {
@@ -832,7 +909,7 @@ function OptionsList(_ref4) {
   }, options.map(function (opt, idx) {
     var active = (answer === null || answer === void 0 ? void 0 : answer.kind) === 'options' ? answer.value === opt.value : (answer === null || answer === void 0 ? void 0 : answer.kind) === 'options-multi' ? answer.values.includes(opt.value) : false;
     var isOther = opt.value === OTHER_VALUE;
-    var letter = optionLetter(idx);
+    var seq = optionIndexLabel(idx);
     if (isOther && active) {
       var editingRow = /*#__PURE__*/React.createElement("div", {
         "data-odn-clarify-dock-option": true,
@@ -854,10 +931,10 @@ function OptionsList(_ref4) {
             onToggleMulti(opt);
           }
         }
-      }, letter) : /*#__PURE__*/React.createElement("span", {
+      }, seq) : /*#__PURE__*/React.createElement("span", {
         "data-odn-clarify-dock-option-letter": true,
         "aria-hidden": true
-      }, letter), /*#__PURE__*/React.createElement(Input, {
+      }, seq), /*#__PURE__*/React.createElement(Input, {
         value: otherDraft,
         onChange: function onChange(_, value) {
           return onOtherDraftChange(value);
@@ -903,7 +980,7 @@ function OptionsList(_ref4) {
     var optionContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
       "data-odn-clarify-dock-option-letter": true,
       "aria-hidden": true
-    }, letter), /*#__PURE__*/React.createElement("span", {
+    }, seq), /*#__PURE__*/React.createElement("span", {
       "data-odn-clarify-dock-option-label": true
     }, opt.label));
 
@@ -950,10 +1027,10 @@ function OptionsList(_ref4) {
  *   - recordAnswer 后 Panel 消失，Trigger 切 Approval 式锁态卡
  */
 export function useClarifyDockState(messages, sessionKey, resetVer) {
-  var _useState19 = useState({}),
-    _useState20 = _slicedToArray(_useState19, 2),
-    answers = _useState20[0],
-    setAnswers = _useState20[1];
+  var _useState21 = useState({}),
+    _useState22 = _slicedToArray(_useState21, 2),
+    answers = _useState22[0],
+    setAnswers = _useState22[1];
 
   /* 切换会话或点「重置」时清空已答标记，避免 Panel / Trigger 状态脱节 */
   useEffect(function () {

package/dist/clarify-dock/style/index.css

@@ -142,16 +142,20 @@ div[data-odn-clarify-dock] [data-odn-clarify-dock-body] {
 [data-odn-clarify-dock-actions] [data-odn-pagination] {
   flex-shrink: 0;
   font-size: 12px;
+  font-family: inherit;
+  font-variant-numeric: normal;
   line-height: 1.5;
   color: var(--odn-color-black-9);
 }
 
 [data-odn-clarify-dock-actions] [data-odn-pagination-simple-page-value] {
+  font-family: inherit;
+  font-variant-numeric: normal;
   color: var(--odn-color-black-9);
 }
 
 /* ============================================================== */
-/*  Options · A–E 徽标 + 通栏灰底（不复用 Button 尺寸体系）            */
+/*  Options · 1–N 序号徽标 + 通栏灰底（不复用 Button 尺寸体系）         */
 /* ============================================================== */
 [data-odn-clarify-dock] [data-odn-clarify-dock-options] {
   display: flex;
@@ -238,7 +242,8 @@ div[data-odn-clarify-dock] [data-odn-clarify-dock-body] {
   color: var(--odn-color-black-10);
   font-size: 11px;
   font-weight: 600;
-  font-variant-numeric: tabular-nums;
+  font-family: inherit;
+  font-variant-numeric: normal;
   line-height: 1;
 }
 
@@ -288,7 +293,8 @@ div[data-odn-clarify-dock] [data-odn-clarify-dock-body] {
   line-height: 1;
   font-size: 11px;
   font-weight: 600;
-  font-variant-numeric: tabular-nums;
+  font-family: inherit;
+  font-variant-numeric: normal;
   border: 1px solid var(--odn-color-brand-6);
   background: var(--odn-color-brand-6);
   color: var(--odn-color-bg-elevated);
@@ -542,6 +548,14 @@ div[data-odn-clarify-dock] [data-odn-clarify-dock-body] {
   flex: 0 0 auto;
 }
 
+/* 纯文本题：迷你单行输入，默认撑满宽度，字号 13px，左右 padding 6px，圆角 4px */
+[data-odn-clarify-dock-input-row][data-kind=text] {
+  width: 100%;
+  --odn-input-font-size-small: var(--odn-font-size-text-sm);
+  --odn-input-padding-inline-small: var(--odn-input-padding-block-medium);
+  --odn-input-border-radius-small: var(--odn-border-radius);
+}
+
 div[data-odn-clarify-dock] [data-odn-date-picker-container]:not([data-odn-date-picker-container-range]) {
   display: inline-block;
   box-sizing: border-box;

package/dist/clarify-dock/types.d.ts

@@ -17,6 +17,9 @@ export type ClarifyInput = {
     options: ClarifyOption[];
     allowOther?: boolean;
     otherPlaceholder?: string;
+} | {
+    kind: 'text';
+    placeholder?: string;
 } | {
     kind: 'date';
     placeholder?: string;

package/dist/clarify-dock/types.js

@@ -12,7 +12,7 @@ export function toISODate(d) {
 
 /** 解析 Host 传入的日期边界；非法则忽略。 */
 export function parseClarifyBoundDate(value) {
-  if (value == null) return undefined;
+  if (value === undefined || value === null) return undefined;
   if (value instanceof Date) {
     return Number.isNaN(value.getTime()) ? undefined : value;
   }

package/dist/select/SelectFeedback.d.ts

@@ -6,6 +6,8 @@ export type SelectFeedbackState = {
 export interface SelectFeedbackProps {
     feedback: SelectFeedbackState | null;
     onUndo?: () => void;
+    onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
 }
 declare const SelectFeedback: React.FC<SelectFeedbackProps>;
 export default SelectFeedback;

package/dist/select/SelectFeedback.js

@@ -1,17 +1,114 @@
-import React from 'react';
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';
+var ANIMATE_MS = 300;
+var ANIMATE_DELAY_MS = 50;
+var COLLAPSED_STYLE = {
+  height: '0px',
+  marginTop: '0',
+  marginBottom: '0',
+  paddingTop: '0',
+  paddingBottom: '0',
+  opacity: '0'
+};
+var EXPANDED_STYLE = {
+  height: '',
+  marginTop: '',
+  marginBottom: '',
+  paddingTop: '',
+  paddingBottom: '',
+  opacity: ''
+};
+function prefersReducedMotion() {
+  return typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+}
 var SelectFeedback = function SelectFeedback(_ref) {
   var feedback = _ref.feedback,
-    onUndo = _ref.onUndo;
-  if (!feedback) {
+    onUndo = _ref.onUndo,
+    onMouseEnter = _ref.onMouseEnter,
+    onMouseLeave = _ref.onMouseLeave;
+  var _useState = useState(feedback),
+    _useState2 = _slicedToArray(_useState, 2),
+    rendered = _useState2[0],
+    setRendered = _useState2[1];
+  var _useState3 = useState(Boolean(feedback)),
+    _useState4 = _slicedToArray(_useState3, 2),
+    open = _useState4[0],
+    setOpen = _useState4[1];
+  var rootRef = useRef(null);
+  var timersRef = useRef([]);
+  var clearTimers = function clearTimers() {
+    timersRef.current.forEach(function (id) {
+      return window.clearTimeout(id);
+    });
+    timersRef.current = [];
+  };
+  useEffect(function () {
+    if (feedback) {
+      setRendered(feedback);
+      setOpen(true);
+      return;
+    }
+    setOpen(false);
+  }, [feedback]);
+  useLayoutEffect(function () {
+    var el = rootRef.current;
+    if (!el) {
+      return;
+    }
+    clearTimers();
+    if (prefersReducedMotion()) {
+      if (open) {
+        Object.assign(el.style, EXPANDED_STYLE);
+        return;
+      }
+      setRendered(null);
+      return;
+    }
+    if (open) {
+      el.style.transition = 'none';
+      Object.assign(el.style, EXPANDED_STYLE);
+      el.style.height = '';
+      var height = el.offsetHeight;
+      Object.assign(el.style, COLLAPSED_STYLE);
+      void el.offsetHeight;
+      el.style.transition = '';
+      var expandId = window.setTimeout(function () {
+        Object.assign(el.style, EXPANDED_STYLE, {
+          height: "".concat(height, "px")
+        });
+        var settleId = window.setTimeout(function () {
+          el.style.height = '';
+        }, ANIMATE_MS + ANIMATE_DELAY_MS);
+        timersRef.current.push(settleId);
+      }, 0);
+      timersRef.current.push(expandId);
+    } else {
+      el.style.height = "".concat(el.offsetHeight, "px");
+      void el.offsetHeight;
+      var collapseId = window.setTimeout(function () {
+        Object.assign(el.style, COLLAPSED_STYLE);
+        var doneId = window.setTimeout(function () {
+          setRendered(null);
+        }, ANIMATE_MS);
+        timersRef.current.push(doneId);
+      }, 0);
+      timersRef.current.push(collapseId);
+    }
+    return clearTimers;
+  }, [open]);
+  if (!rendered) {
     return null;
   }
   return /*#__PURE__*/React.createElement("div", {
+    ref: rootRef,
     className: "odn-select-feedback",
     role: "status",
-    "data-odn-select-feedback": true
+    "data-odn-select-feedback": true,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave
   }, /*#__PURE__*/React.createElement("span", {
     className: "odn-select-feedback-message"
-  }, feedback.message), feedback.undoable ? /*#__PURE__*/React.createElement("button", {
+  }, rendered.message), rendered.undoable ? /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "odn-select-feedback-undo",
     onClick: onUndo

package/dist/select/index.d.ts

@@ -72,7 +72,7 @@ export interface SelectProps<ValueType = any, OptionType extends BaseOptionType
      * 传入 tokenSeparators 时默认 true；也可单独开启（需 allowClear）。
      */
     clearUndo?: boolean;
-    /** 反馈条自动消失时长（ms） */
+    /** 反馈条自动消失时长（ms）。下拉打开或悬停反馈条时不计时，离开后再开始 */
     feedbackDuration?: number;
 }
 export interface SelectButtonProps {

package/dist/select/index.js

@@ -5,7 +5,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "rootClassName", "style", "light", "mode", "suffixIcon", "popupClassName", "popupMatchSelectWidth", "visible", "onVisibleChange", "showInnerSearch", "popupRender", "searchValue", "onSearch", "maxCount", "defaultValue", "value", "onChange", "placeholder", "showSearch", "size", "autoClearSearchValue", "optionRender", "tagRender", "options", "allowClear", "onClear", "tokenSeparators", "tokenMismatch", "tokenFeedback", "validateTokens", "onTokenPaste", "clearUndo", "feedbackDuration", "disabled"];
+var _excluded = ["className", "rootClassName", "style", "light", "mode", "suffixIcon", "popupClassName", "popupMatchSelectWidth", "visible", "open", "onVisibleChange", "showInnerSearch", "popupRender", "searchValue", "onSearch", "maxCount", "defaultValue", "value", "onChange", "placeholder", "showSearch", "size", "autoClearSearchValue", "optionRender", "tagRender", "options", "allowClear", "onClear", "tokenSeparators", "tokenMismatch", "tokenFeedback", "validateTokens", "onTokenPaste", "clearUndo", "feedbackDuration", "disabled"];
 import clsx from 'clsx';
 import RcSelect, { OptGroup, Option } from 'rc-select';
 import React, { useEffect, useRef, useState } from 'react';
@@ -17,6 +17,7 @@ import "./style";
 import { countValidValues, formatTokenPasteFeedback, readClipboardText, resolveTokenPaste, splitByTokenSeparators, toRawValueList } from "./tokenUtils";
 import useIcons from "./useIcons";
 var InternalSelect = function InternalSelect(props, ref) {
+  var _ref;
   var className = props.className,
     rootClassName = props.rootClassName,
     style = props.style,
@@ -29,6 +30,7 @@ var InternalSelect = function InternalSelect(props, ref) {
     popupClassName = props.popupClassName,
     popupMatchSelectWidth = props.popupMatchSelectWidth,
     visibleProp = props.visible,
+    openProp = props.open,
     onVisibleChange = props.onVisibleChange,
     _props$showInnerSearc = props.showInnerSearch,
     showInnerSearch = _props$showInnerSearc === void 0 ? false : _props$showInnerSearc,
@@ -102,10 +104,14 @@ var InternalSelect = function InternalSelect(props, ref) {
     _useState10 = _slicedToArray(_useState9, 2),
     feedback = _useState10[0],
     setFeedback = _useState10[1];
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    feedbackHovered = _useState12[0],
+    setFeedbackHovered = _useState12[1];
   var undoSnapshotRef = useRef(null);
-  var feedbackTimerRef = useRef();
   var dropdownSearchInputRef = useRef(null);
   var pastingRef = useRef(false);
+  var mergedOpen = (_ref = visibleProp !== null && visibleProp !== void 0 ? visibleProp : openProp) !== null && _ref !== void 0 ? _ref : Boolean(visible);
   var handleVisibleChange = function handleVisibleChange(bool) {
     if (visibleProp === undefined) {
       setVisible(bool);
@@ -144,12 +150,24 @@ var InternalSelect = function InternalSelect(props, ref) {
     }
   }, [visible]);
   useEffect(function () {
+    if (!feedback) {
+      setFeedbackHovered(false);
+    }
+  }, [feedback]);
+
+  // 下拉盖住 / 悬停反馈条时不计时；可看见且离开后再开始 duration
+  useEffect(function () {
+    if (!feedback || mergedOpen || feedbackHovered) {
+      return;
+    }
+    var timer = window.setTimeout(function () {
+      setFeedback(null);
+      undoSnapshotRef.current = null;
+    }, feedbackDuration);
     return function () {
-      if (feedbackTimerRef.current) {
-        clearTimeout(feedbackTimerRef.current);
-      }
+      window.clearTimeout(timer);
     };
-  }, []);
+  }, [feedback, mergedOpen, feedbackHovered, feedbackDuration]);
   var showFeedback = function showFeedback(next) {
     if (!enableTokenFeedback && !(next !== null && next !== void 0 && next.undoable)) {
       setFeedback(null);
@@ -160,15 +178,6 @@ var InternalSelect = function InternalSelect(props, ref) {
       return;
     }
     setFeedback(next);
-    if (feedbackTimerRef.current) {
-      clearTimeout(feedbackTimerRef.current);
-    }
-    if (next) {
-      feedbackTimerRef.current = setTimeout(function () {
-        setFeedback(null);
-        undoSnapshotRef.current = null;
-      }, feedbackDuration);
-    }
   };
   var commitValue = function commitValue(next, option) {
     if (valueProp === undefined) {
@@ -187,7 +196,7 @@ var InternalSelect = function InternalSelect(props, ref) {
     });
   };
   var handlePasteCapture = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
       var text, tokens, currentRaw, result;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -243,18 +252,23 @@ var InternalSelect = function InternalSelect(props, ref) {
               onSearch === null || onSearch === void 0 || onSearch('');
             }
 
+            // 分隔符拆词是提交，关掉下拉让反馈条可见
+            if (mergedOpen) {
+              handleVisibleChange(false);
+            }
+
             // 让受控/非受控 onChange 完成后再放开，避免同一次粘贴被 rc-select 再处理
             window.setTimeout(function () {
               pastingRef.current = false;
             }, 0);
-          case 21:
+          case 22:
           case "end":
             return _context.stop();
         }
       }, _callee);
     }));
     return function handlePasteCapture(_x) {
-      return _ref.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }();
   var handleClear = function handleClear() {
@@ -346,7 +360,7 @@ var InternalSelect = function InternalSelect(props, ref) {
     removeIcon: removeIcon,
     clearIcon: clearIcon,
     maxCount: maxCount,
-    open: visible,
+    open: mergedOpen,
     onDropdownVisibleChange: handleVisibleChange,
     searchValue: searchValue,
     onSearch: handleSearch,
@@ -420,32 +434,38 @@ var InternalSelect = function InternalSelect(props, ref) {
     "data-odn-select-shell": true
   }, selectNode, /*#__PURE__*/React.createElement(SelectFeedback, {
     feedback: enableTokenFeedback || feedback !== null && feedback !== void 0 && feedback.undoable && enableClearUndo ? feedback : null,
-    onUndo: handleUndo
+    onUndo: handleUndo,
+    onMouseEnter: function onMouseEnter() {
+      return setFeedbackHovered(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setFeedbackHovered(false);
+    }
   }));
 };
 
 // Select.Button 组件接口
 
 // Select.Button 组件
-var SelectButton = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
-  var _ref2$showArrow = _ref2.showArrow,
-    showArrow = _ref2$showArrow === void 0 ? true : _ref2$showArrow,
-    _ref2$size = _ref2.size,
-    size = _ref2$size === void 0 ? 'middle' : _ref2$size,
-    _ref2$disabled = _ref2.disabled,
-    disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
-    prefix = _ref2.prefix,
-    _ref2$placeholder = _ref2.placeholder,
-    placeholder = _ref2$placeholder === void 0 ? '请选择' : _ref2$placeholder,
-    value = _ref2.value,
-    _ref2$active = _ref2.active,
-    active = _ref2$active === void 0 ? false : _ref2$active,
-    _ref2$allowClear = _ref2.allowClear,
-    allowClear = _ref2$allowClear === void 0 ? false : _ref2$allowClear,
-    onClick = _ref2.onClick,
-    onClear = _ref2.onClear,
-    className = _ref2.className,
-    style = _ref2.style;
+var SelectButton = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
+  var _ref3$showArrow = _ref3.showArrow,
+    showArrow = _ref3$showArrow === void 0 ? true : _ref3$showArrow,
+    _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? 'middle' : _ref3$size,
+    _ref3$disabled = _ref3.disabled,
+    disabled = _ref3$disabled === void 0 ? false : _ref3$disabled,
+    prefix = _ref3.prefix,
+    _ref3$placeholder = _ref3.placeholder,
+    placeholder = _ref3$placeholder === void 0 ? '请选择' : _ref3$placeholder,
+    value = _ref3.value,
+    _ref3$active = _ref3.active,
+    active = _ref3$active === void 0 ? false : _ref3$active,
+    _ref3$allowClear = _ref3.allowClear,
+    allowClear = _ref3$allowClear === void 0 ? false : _ref3$allowClear,
+    onClick = _ref3.onClick,
+    onClear = _ref3.onClear,
+    className = _ref3.className,
+    style = _ref3.style;
   var buttonClasses = clsx('odn-select-button odn-select odn-select-outlined odn-select-single odn-select-allow-clear odn-select-show-arrow', "odn-select-button-".concat(size), {
     'odn-select-button-disabled': disabled,
     'odn-select-open': active

package/dist/select/style/index.css

@@ -1904,6 +1904,7 @@ html {
   display: flex;
   align-items: center;
   gap: 8px;
+  overflow: hidden;
   margin-top: 8px;
   padding: 8px 12px;
   border-radius: var(--odn-select-border-radius-sm);
@@ -1911,8 +1912,14 @@ html {
   color: var(--odn-select-feedback-color);
   font-size: 13px;
   line-height: 20px;
+  transition: all 300ms cubic-bezier(0.32, 0.72, 0, 1) 50ms, opacity 200ms cubic-bezier(0.32, 0.72, 0, 1);
 }
 
+@media (prefers-reduced-motion: reduce) {
+  .odn-select-feedback {
+    transition: none;
+  }
+}
 .odn-select-feedback-message {
   flex: 1;
   min-width: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "one-design-next",
-  "version": "0.0.80",
+  "version": "0.0.82",
   "description": "One Design Next from TAD@tencent.com",
   "license": "MIT",
   "type": "module",