one-design-next 0.0.49 → 0.0.50

package/dist/clarify-dock/index.js

@@ -18,6 +18,7 @@ import * as React from 'react';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import Button from "../button";
 import DatePicker from "../date-picker";
+import DateRangePicker from "../date-range-picker";
 import HoverFill from "../hover-fill";
 import Icon from "../icon";
 import Input from "../input";
@@ -176,11 +177,15 @@ export function ClarifyDockPanel(_ref2) {
     _useState12 = _slicedToArray(_useState11, 2),
     dateDraft = _useState12[0],
     setDateDraft = _useState12[1];
+  var _useState13 = useState(null),
+    _useState14 = _slicedToArray(_useState13, 2),
+    dateRangeDraft = _useState14[0],
+    setDateRangeDraft = _useState14[1];
   var question = spec.questions[page];
   var answer = answers[page];
   var input = question.input;
 
-  /* 切页：回显 other / date 草稿 */
+  /* 切页：回显 other / 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;
@@ -193,6 +198,11 @@ export function ClarifyDockPanel(_ref2) {
     } else {
       setDateDraft(null);
     }
+    if ((answer === null || answer === void 0 ? void 0 : answer.kind) === 'date-range') {
+      setDateRangeDraft(answer.start && answer.end ? [new Date("".concat(answer.start, "T00:00:00")), new Date("".concat(answer.end, "T00:00:00"))] : null);
+    } else {
+      setDateRangeDraft(null);
+    }
   }, [page, answer]);
   var setAnswerForPage = function setAnswerForPage(next) {
     setAnswers(function (prev) {
@@ -217,8 +227,9 @@ export function ClarifyDockPanel(_ref2) {
           return hasRegular || hasOther;
         }
       case 'date':
-      case 'text':
         return answer.value.trim().length > 0;
+      case 'date-range':
+        return answer.start.trim().length > 0 && answer.end.trim().length > 0;
       default:
         return false;
     }
@@ -258,8 +269,9 @@ export function ClarifyDockPanel(_ref2) {
           return labels.join('、');
         }
       case 'date':
-      case 'text':
         return ans.value;
+      case 'date-range':
+        return "".concat(ans.start, " \u81F3 ").concat(ans.end);
       default:
         return '（未答）';
     }
@@ -283,6 +295,13 @@ export function ClarifyDockPanel(_ref2) {
           value: toISODate(dateDraft)
         };
       }
+      if (a.kind === 'date-range' && dateRangeDraft) {
+        return {
+          kind: 'date-range',
+          start: toISODate(dateRangeDraft[0]),
+          end: toISODate(dateRangeDraft[1])
+        };
+      }
       return a;
     });
   };
@@ -310,9 +329,11 @@ export function ClarifyDockPanel(_ref2) {
             break;
           }
         case 'date':
-        case 'text':
           data[q.key] = a.value;
           break;
+        case 'date-range':
+          data[q.key] = "".concat(a.start, "~").concat(a.end);
+          break;
       }
     });
     var items = spec.questions.map(function (q, i) {
@@ -374,6 +395,7 @@ export function ClarifyDockPanel(_ref2) {
     answer: answer,
     otherDraft: otherDraft,
     dateDraft: dateDraft,
+    dateRangeDraft: dateRangeDraft,
     onOtherDraftChange: function onOtherDraftChange(v) {
       setOtherDraft(v);
       if ((answer === null || answer === void 0 ? void 0 : answer.kind) === 'options' && answer.value === OTHER_VALUE) {
@@ -397,6 +419,14 @@ export function ClarifyDockPanel(_ref2) {
         value: toISODate(d)
       } : undefined);
     },
+    onDateRangeChange: function onDateRangeChange(range) {
+      setDateRangeDraft(range);
+      setAnswerForPage(range ? {
+        kind: 'date-range',
+        start: toISODate(range[0]),
+        end: toISODate(range[1])
+      } : undefined);
+    },
     onPickSingle: function onPickSingle(opt) {
       if (opt.value === OTHER_VALUE) {
         setAnswerForPage({
@@ -469,13 +499,21 @@ function withOtherOption(options, allowOther) {
   }
   return options.slice(0, CLARIFY_DOCK_MAX_OPTIONS);
 }
+
+/**
+ * 按 input.kind 适配录入组件：
+ * options / options-multi → 选项列表；date → DatePicker；
+ * date-range → DateRangePicker。自由文本走自然语言 + Composer，不在此渲染。
+ */
 function QuestionInput(_ref3) {
   var input = _ref3.input,
     answer = _ref3.answer,
     otherDraft = _ref3.otherDraft,
     dateDraft = _ref3.dateDraft,
+    dateRangeDraft = _ref3.dateRangeDraft,
     onOtherDraftChange = _ref3.onOtherDraftChange,
     onDateChange = _ref3.onDateChange,
+    onDateRangeChange = _ref3.onDateRangeChange,
     onPickSingle = _ref3.onPickSingle,
     onToggleMulti = _ref3.onToggleMulti;
   if (input.kind === 'options' || input.kind === 'options-multi') {
@@ -500,6 +538,16 @@ function QuestionInput(_ref3) {
       }
     }));
   }
+  if (input.kind === 'date-range') {
+    return /*#__PURE__*/React.createElement("div", {
+      "data-odn-clarify-dock-input-row": true
+    }, /*#__PURE__*/React.createElement(DateRangePicker, {
+      value: dateRangeDraft,
+      onChange: function onChange(range) {
+        return onDateRangeChange(range);
+      }
+    }));
+  }
   return /*#__PURE__*/React.createElement("div", {
     "data-odn-clarify-dock-hint": true
   }, "\u6682\u4E0D\u652F\u6301\u7684\u8F93\u5165\u7C7B\u578B\uFF1A", input.kind);
@@ -706,10 +754,10 @@ function OptionsList(_ref4) {
  *   - recordAnswer 后 Panel 消失，Trigger 切 Approval 式锁态卡
  */
 export function useClarifyDockState(messages, sessionKey, resetVer) {
-  var _useState13 = useState({}),
-    _useState14 = _slicedToArray(_useState13, 2),
-    answers = _useState14[0],
-    setAnswers = _useState14[1];
+  var _useState15 = useState({}),
+    _useState16 = _slicedToArray(_useState15, 2),
+    answers = _useState16[0],
+    setAnswers = _useState16[1];
 
   /* 切换会话或点「重置」时清空已答标记，避免 Panel / Trigger 状态脱节 */
   useEffect(function () {

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "one-design-next",
-  "version": "0.0.49",
+  "version": "0.0.50",
   "description": "One Design Next from TAD@tencent.com",
   "packageManager": "pnpm@11.8.0",
   "module": "dist/index.js",