one-design-next 0.0.81 → 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/package.json

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