one-design-next 0.0.49 → 0.0.51

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/dist/table/index.d.ts

@@ -93,6 +93,17 @@ export interface TableProps<T = Record<string, unknown>> extends Omit<RcTablePro
         colIndex: number;
     }) => ReturnType<NonNullable<RcColumnType<T>['onHeaderCell']>> | void;
     popoverIcon?: (typeof iconNames)[number];
+    /**
+     * 是否启用虚拟滚动。启用时需要同时设置 scroll.y 为数值（表示可视区域高度）。
+     * 当数据量较大时（如超过 1000 行），推荐开启虚拟滚动以提升性能。
+     */
+    virtual?: boolean;
+    /**
+     * 虚拟滚动每行高度（px），用于计算可视区域内显示的行数。
+     * 仅在 virtual 为 true 时生效。
+     * @default 24
+     */
+    listItemHeight?: number;
 }
-declare const Table: <T extends Record<string, unknown> = Record<string, unknown>>({ dataSource, columns, bordered, striped, loading, rowExpansion, rowSelection, sortBgVisible, getCellProps, getHeaderCellProps, popoverIcon: globalPopoverIcon, className, style, emptyText, ...props }: TableProps<T>) => React.JSX.Element;
+declare const Table: <T extends Record<string, unknown> = Record<string, unknown>>({ dataSource, columns, bordered, striped, loading, rowExpansion, rowSelection, sortBgVisible, getCellProps, getHeaderCellProps, popoverIcon: globalPopoverIcon, className, style, emptyText, virtual, listItemHeight, ...props }: TableProps<T>) => React.JSX.Element;
 export default Table;

package/dist/table/index.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["dataSource", "columns", "bordered", "striped", "loading", "rowExpansion", "rowSelection", "sortBgVisible", "getCellProps", "getHeaderCellProps", "popoverIcon", "className", "style", "emptyText"],
+var _excluded = ["dataSource", "columns", "bordered", "striped", "loading", "rowExpansion", "rowSelection", "sortBgVisible", "getCellProps", "getHeaderCellProps", "popoverIcon", "className", "style", "emptyText", "virtual", "listItemHeight"],
   _excluded2 = ["onSort", "title", "popover", "popoverProps", "popoverIcon"],
   _excluded3 = ["onSort", "filters", "filteredValue", "filterMultiple", "onFilter", "onFilterChange", "title", "popover", "popoverProps", "popoverIcon", "ellipsisPopoverProps", "sortOrder", "render"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -16,7 +16,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import RcTable from 'rc-table';
+import RcTable, { VirtualTable as RcVirtualTable } from 'rc-table';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import Button from "../button";
 import Checkbox from "../checkbox";
@@ -113,6 +113,7 @@ var FilterComponent = function FilterComponent(_ref) {
   }, "\u786E\u5B9A")));
 };
 var Table = function Table(_ref2) {
+  var _props$scroll, _props$scroll2;
   var dataSource = _ref2.dataSource,
     columns = _ref2.columns,
     _ref2$bordered = _ref2.bordered,
@@ -131,6 +132,8 @@ var Table = function Table(_ref2) {
     className = _ref2.className,
     style = _ref2.style,
     emptyText = _ref2.emptyText,
+    virtual = _ref2.virtual,
+    listItemHeight = _ref2.listItemHeight,
     props = _objectWithoutProperties(_ref2, _excluded);
   // 渲染带 popover 的标题
   var renderTitleWithPopover = function renderTitleWithPopover(titleContent, popover, popoverProps, popoverIcon) {
@@ -492,6 +495,12 @@ var Table = function Table(_ref2) {
   // 1. 行选择
   // 2. 行展开
   var trClickable = (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectOnRowClick) || (rowExpansion === null || rowExpansion === void 0 ? void 0 : rowExpansion.expandOnRowClick);
+
+  // 虚拟模式使用 RcVirtualTable，否则使用 RcTable。
+  // 由于两者 props 类型存在差异（VirtualTableProps 重新定义了 scroll），
+  // 这里统一断言为 RcTable 类型，虚拟模式的专属 props 通过末尾的 spread 覆盖传入。
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  var TableComponent = virtual ? RcVirtualTable : RcTable;
   return /*#__PURE__*/React.createElement("div", {
     ref: tableRef,
     "data-odn-table": true,
@@ -501,7 +510,7 @@ var Table = function Table(_ref2) {
     "data-odn-table-loading": loading,
     className: className,
     style: style
-  }, /*#__PURE__*/React.createElement(RcTable, _extends({
+  }, /*#__PURE__*/React.createElement(TableComponent, _extends({
     prefixCls: "odn-table",
     data: dataSource,
     columns: finalColumns,
@@ -857,6 +866,12 @@ var Table = function Table(_ref2) {
       offset: "1",
       stopColor: "#C4C7CC"
     })))), "\u6570\u636E\u4E3A\u7A7A")
-  }, props)));
+  }, props, virtual ? {
+    scroll: {
+      x: (_props$scroll = props.scroll) === null || _props$scroll === void 0 ? void 0 : _props$scroll.x,
+      y: (_props$scroll2 = props.scroll) === null || _props$scroll2 === void 0 ? void 0 : _props$scroll2.y
+    },
+    listItemHeight: listItemHeight
+  } : {})));
 };
 export default Table;

package/dist/table/style/index.css

@@ -342,4 +342,30 @@ tr > .odn-table-cell:last-child {
   height: 0;
   overflow: hidden;
   pointer-events: none;
+}
+
+.odn-table-placeholder .odn-table-expanded-row-fixed {
+  width: 100% !important;
+}
+
+.odn-table-tbody-virtual {
+  font-size: var(--odn-font-size);
+  line-height: var(--odn-line-height);
+}
+.odn-table-tbody-virtual .odn-table-row {
+  display: flex;
+}
+.odn-table-tbody-virtual .odn-table-row-extra {
+  position: absolute;
+  display: flex;
+}
+.odn-table-tbody-virtual .odn-table-cell {
+  box-sizing: border-box;
+  border-bottom: 1px solid var(--odn-table-border-color);
+}
+.odn-table-tbody-virtual .odn-table-row > .odn-table-cell:first-child {
+  padding-left: var(--odn-table-cell-first-padding-x-start);
+}
+.odn-table-tbody-virtual .odn-table-row > .odn-table-cell:last-child {
+  padding-right: var(--odn-table-cell-last-padding-x-end);
 }

package/package.json

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