form-driver 0.4.24 → 0.4.26

package/es/m3.js

@@ -22970,7 +22970,10 @@ var ARangePicker = /*#__PURE__*/function (_Viewer) {
       if (dom) {
         // @ts-ignore
         var r = dom.querySelector(":nth-child(3)");
-        r.innerHTML = "<input readonly disabled size='12' autocomplete='off' value='至今' style='color: black'>";
+
+        if (r) {
+          r.innerHTML = "<input readonly disabled size='12' autocomplete='off' value='至今' style='color: black'>";
+        }
       }
     }
   }
@@ -23015,7 +23018,7 @@ var ARangePicker = /*#__PURE__*/function (_Viewer) {
     var rangePickerData = this._data2rangePicker((_this$getValue = this.getValue()) != null ? _this$getValue : []);
 
     if (MUtil.phoneLike()) {
-      var _this$props$schema$da3, _this$props$schema$da4;
+      var _this$props$schema$da3;
 
       var show = MDateRangeType.toReadableN(assembly, this.props.schema, _Viewer.prototype.getValue.call(this)); // 根据 precision 配置确定移动端 DatePicker 精度（使用扁平化属性 dateRangePrecision）
 
@@ -23060,7 +23063,7 @@ var ARangePicker = /*#__PURE__*/function (_Viewer) {
           visible: this.state.mobileDlg && this.state.mobileStep === 'end',
           precision: mobilePrecision,
           title: // 如果允许"至今"且开始时间不在未来，在标题区域展示"至今"按钮
-          !((_this$props$schema$da3 = this.props.schema.dateRange) != null && _this$props$schema$da3.hideTillNow) && !((_this$props$schema$da4 = this.props.schema.dateRange) != null && _this$props$schema$da4.showTime) && !(this.state.mobileStartDate && this.state.mobileStartDate > new Date()) ? jsxs("div", {
+          !((_this$props$schema$da3 = this.props.schema.dateRange) != null && _this$props$schema$da3.hideTillNow) && !(this.state.mobileStartDate && this.state.mobileStartDate > new Date()) ? jsxs("div", {
             style: {
               display: 'flex',
               alignItems: 'center',
@@ -23111,12 +23114,12 @@ var ARangePicker = /*#__PURE__*/function (_Viewer) {
         }, "end_" + mobilePrecision)]
       });
     } else {
-      var _this$props$schema$da5, _this$props$schema$da6, _this$props$schema$da7;
+      var _this$props$schema$da4, _this$props$schema$da5, _this$props$schema$da6;
 
       // 根据 precision 配置确定 PC 端 picker 模式和 showTime（使用扁平化属性 dateRangePrecision）
       var precision = this.props.schema.dateRangePrecision;
-      var pcShowTime = precision === 'minute' || ((_this$props$schema$da5 = this.props.schema.dateRange) == null ? void 0 : _this$props$schema$da5.showTime);
-      var hideFooter = ((_this$props$schema$da6 = this.props.schema.dateRange) == null ? void 0 : _this$props$schema$da6.hideTillNow) || pcShowTime; // 动态构建额外属性，避免 showTime 和 picker 同时传入导致类型冲突
+      var pcShowTime = precision === 'minute' || ((_this$props$schema$da4 = this.props.schema.dateRange) == null ? void 0 : _this$props$schema$da4.showTime);
+      var hideFooter = (_this$props$schema$da5 = this.props.schema.dateRange) == null ? void 0 : _this$props$schema$da5.hideTillNow; // 动态构建额外属性，避免 showTime 和 picker 同时传入导致类型冲突
 
       var extraProps = {};
 
@@ -23133,18 +23136,94 @@ var ARangePicker = /*#__PURE__*/function (_Viewer) {
         if (precision === 'minute') {
           extraProps.format = 'YYYY-MM-DD HH:mm';
         }
-      } // 构造元素
+      } // "至今"按钮的点击处理函数
+
+
+      var handleTillNow = function handleTillNow() {
+        var _this2$_onCalendarCha, _ref, _ref2;
+
+        // 优先级：onCalendarChange 记录的值 > 面板点击捕获的日期 > 已有默认值 > 当前时间
+        var fromCalendarChange = (_this2$_onCalendarCha = _this2._onCalendarChangeValue) == null ? void 0 : _this2$_onCalendarCha[0];
+        var fromPanelClick = _this2._panelClickedDate;
+        var startMoment = (_ref = (_ref2 = fromCalendarChange != null ? fromCalendarChange : fromPanelClick) != null ? _ref2 : rangePickerData == null ? void 0 : rangePickerData[0]) != null ? _ref : moment(); // 如果开始时间来自面板点击（只有日期没有时间），将当前时刻的时分附加上去
+
+        if (!fromCalendarChange && fromPanelClick) {
+          var now = moment();
+          startMoment = startMoment.clone().hour(now.hour()).minute(now.minute()).second(0);
+        }
+
+        _Viewer.prototype.changeValueEx.call(_this2, _this2._rangePicker2Data([startMoment, moment()], true), true, true);
+      }; // 判断是否应展示"至今"按钮
+
 
+      var showTillNow = !hideFooter; // 构造元素
 
       return jsx(DatePicker$1.RangePicker, _objectSpread$8({
         ref: this._pickerRef,
-        renderExtraFooter: hideFooter ? undefined : function (mode) {
-          var _this2$_onCalendarCha;
+        panelRender: pcShowTime && showTillNow ? function (panelNode) {
+          // showTime 模式下：通过事件委托捕获面板上日期单元格的点击
+          // 同时在 footer 的"确定"按钮同一行注入"至今"按钮
+          return jsx("div", {
+            onClick: function onClick(e) {
+              var target = e.target;
+              var cell = target.closest == null ? void 0 : target.closest('.ant-picker-cell');
+
+              if (cell) {
+                // 排除 disabled 状态的日期单元格
+                if (cell.classList.contains('ant-picker-cell-disabled')) return;
+                var title = cell.getAttribute('title');
+
+                if (title) {
+                  var parsed = moment(title, 'YYYY-MM-DD'); // 校验 moment 解析有效性，无效日期不记录
+
+                  if (parsed.isValid()) {
+                    _this2._panelClickedDate = parsed;
+                  }
+                }
+              }
+            },
+            ref: function ref(el) {
+              var _ref3, _this2$_onCalendarCha2, _this2$_onCalendarCha3;
 
-          // 如果开始时间超过当前时间（未来时间），不展示"至今"按钮
-          var startMoment = (_this2$_onCalendarCha = _this2._onCalendarChangeValue) == null ? void 0 : _this2$_onCalendarCha[0];
+              // 面板渲染后，将"至今"按钮注入到 .ant-picker-ok 内部，确定按钮之后
+              // 这样两者在同一个 flex item 中，确定在左、至今在右
+              if (!el) return;
+              var okLi = el.querySelector('.ant-picker-ok');
+              if (!okLi) return; // 开始时间在未来时，移除已有的至今按钮并不再注入
 
-          if (startMoment && startMoment.isAfter(moment())) {
+              var previewStart = (_ref3 = (_this2$_onCalendarCha2 = (_this2$_onCalendarCha3 = _this2._onCalendarChangeValue) == null ? void 0 : _this2$_onCalendarCha3[0]) != null ? _this2$_onCalendarCha2 : _this2._panelClickedDate) != null ? _ref3 : rangePickerData == null ? void 0 : rangePickerData[0];
+
+              if (previewStart && previewStart.isAfter(moment())) {
+                var existingBtn = okLi.querySelector('.till-now-btn');
+                if (existingBtn) existingBtn.remove();
+                return;
+              }
+
+              if (!okLi.querySelector('.till-now-btn')) {
+                var tillNowBtn = document.createElement('button');
+                tillNowBtn.className = 'ant-btn ant-btn-sm till-now-btn';
+                tillNowBtn.textContent = '至今';
+                tillNowBtn.style.cssText = 'margin-left: 8px;'; // 使用具名函数以便于清理；先移除可能的旧监听再添加，防止重复绑定
+
+                var onTillNowClick = function onTillNowClick(e) {
+                  e.stopPropagation();
+                  handleTillNow();
+                };
+
+                tillNowBtn.addEventListener('click', onTillNowClick);
+                okLi.appendChild(tillNowBtn);
+              }
+            },
+            children: panelNode
+          });
+        } : undefined,
+        renderExtraFooter: !pcShowTime && showTillNow ? function (mode) {
+          var _this2$_onCalendarCha4, _this2$_onCalendarCha5;
+
+          // 非 showTime 模式：使用 renderExtraFooter 展示"至今"按钮
+          var previewStart = (_this2$_onCalendarCha4 = (_this2$_onCalendarCha5 = _this2._onCalendarChangeValue) == null ? void 0 : _this2$_onCalendarCha5[0]) != null ? _this2$_onCalendarCha4 : rangePickerData == null ? void 0 : rangePickerData[0];
+
+          if (previewStart && previewStart.isAfter(moment())) {
             return null;
           }
 
@@ -23159,13 +23238,11 @@ var ARangePicker = /*#__PURE__*/function (_Viewer) {
                 display: "inline-block",
                 marginTop: "5px"
               },
-              onClick: function onClick() {
-                _Viewer.prototype.changeValueEx.call(_this2, _this2._rangePicker2Data(_this2._onCalendarChangeValue, true), true, true);
-              },
+              onClick: handleTillNow,
               children: "\u81F3\u4ECA"
             })
           });
-        },
+        } : undefined,
         bordered: this.props.hideBorder ? false : true,
         style: {
           width: "300px"
@@ -23173,7 +23250,14 @@ var ARangePicker = /*#__PURE__*/function (_Viewer) {
         locale: zhCN$1,
         defaultValue: rangePickerData,
         onCalendarChange: function onCalendarChange(d) {
-          _this2._onCalendarChangeValue = d;
+          _this2._onCalendarChangeValue = d; // 用户开始新一轮选择时清理面板点击缓存，避免上一轮过时数据污染
+
+          _this2._panelClickedDate = null;
+        },
+        onOpenChange: function onOpenChange(open) {
+          if (!open) {
+            _this2._panelClickedDate = null;
+          }
         },
         onChange: function onChange(vv) {
           // 用户清空日期范围时，直接置空
@@ -23191,7 +23275,7 @@ var ARangePicker = /*#__PURE__*/function (_Viewer) {
 
           _Viewer.prototype.changeValueEx.call(_this2, _this2._rangePicker2Data(vv, newTillNow), true, true);
         }
-      }, extraProps), this.state.ctrlVersion + "_" + ((_this$props$schema$da7 = this.props.schema.dateRangePrecision) != null ? _this$props$schema$da7 : 'day'));
+      }, extraProps), this.state.ctrlVersion + "_" + ((_this$props$schema$da6 = this.props.schema.dateRangePrecision) != null ? _this$props$schema$da6 : 'day'));
     }
   };
 

package/lib/m3.js

@@ -22995,7 +22995,10 @@ var ARangePicker = /*#__PURE__*/function (_Viewer) {
       if (dom) {
         // @ts-ignore
         var r = dom.querySelector(":nth-child(3)");
-        r.innerHTML = "<input readonly disabled size='12' autocomplete='off' value='至今' style='color: black'>";
+
+        if (r) {
+          r.innerHTML = "<input readonly disabled size='12' autocomplete='off' value='至今' style='color: black'>";
+        }
       }
     }
   }
@@ -23040,7 +23043,7 @@ var ARangePicker = /*#__PURE__*/function (_Viewer) {
     var rangePickerData = this._data2rangePicker((_this$getValue = this.getValue()) != null ? _this$getValue : []);
 
     if (MUtil.phoneLike()) {
-      var _this$props$schema$da3, _this$props$schema$da4;
+      var _this$props$schema$da3;
 
       var show = MDateRangeType.toReadableN(assembly, this.props.schema, _Viewer.prototype.getValue.call(this)); // 根据 precision 配置确定移动端 DatePicker 精度（使用扁平化属性 dateRangePrecision）
 
@@ -23085,7 +23088,7 @@ var ARangePicker = /*#__PURE__*/function (_Viewer) {
           visible: this.state.mobileDlg && this.state.mobileStep === 'end',
           precision: mobilePrecision,
           title: // 如果允许"至今"且开始时间不在未来，在标题区域展示"至今"按钮
-          !((_this$props$schema$da3 = this.props.schema.dateRange) != null && _this$props$schema$da3.hideTillNow) && !((_this$props$schema$da4 = this.props.schema.dateRange) != null && _this$props$schema$da4.showTime) && !(this.state.mobileStartDate && this.state.mobileStartDate > new Date()) ? jsxRuntime.jsxs("div", {
+          !((_this$props$schema$da3 = this.props.schema.dateRange) != null && _this$props$schema$da3.hideTillNow) && !(this.state.mobileStartDate && this.state.mobileStartDate > new Date()) ? jsxRuntime.jsxs("div", {
             style: {
               display: 'flex',
               alignItems: 'center',
@@ -23136,12 +23139,12 @@ var ARangePicker = /*#__PURE__*/function (_Viewer) {
         }, "end_" + mobilePrecision)]
       });
     } else {
-      var _this$props$schema$da5, _this$props$schema$da6, _this$props$schema$da7;
+      var _this$props$schema$da4, _this$props$schema$da5, _this$props$schema$da6;
 
       // 根据 precision 配置确定 PC 端 picker 模式和 showTime（使用扁平化属性 dateRangePrecision）
       var precision = this.props.schema.dateRangePrecision;
-      var pcShowTime = precision === 'minute' || ((_this$props$schema$da5 = this.props.schema.dateRange) == null ? void 0 : _this$props$schema$da5.showTime);
-      var hideFooter = ((_this$props$schema$da6 = this.props.schema.dateRange) == null ? void 0 : _this$props$schema$da6.hideTillNow) || pcShowTime; // 动态构建额外属性，避免 showTime 和 picker 同时传入导致类型冲突
+      var pcShowTime = precision === 'minute' || ((_this$props$schema$da4 = this.props.schema.dateRange) == null ? void 0 : _this$props$schema$da4.showTime);
+      var hideFooter = (_this$props$schema$da5 = this.props.schema.dateRange) == null ? void 0 : _this$props$schema$da5.hideTillNow; // 动态构建额外属性，避免 showTime 和 picker 同时传入导致类型冲突
 
       var extraProps = {};
 
@@ -23158,18 +23161,94 @@ var ARangePicker = /*#__PURE__*/function (_Viewer) {
         if (precision === 'minute') {
           extraProps.format = 'YYYY-MM-DD HH:mm';
         }
-      } // 构造元素
+      } // "至今"按钮的点击处理函数
+
+
+      var handleTillNow = function handleTillNow() {
+        var _this2$_onCalendarCha, _ref, _ref2;
+
+        // 优先级：onCalendarChange 记录的值 > 面板点击捕获的日期 > 已有默认值 > 当前时间
+        var fromCalendarChange = (_this2$_onCalendarCha = _this2._onCalendarChangeValue) == null ? void 0 : _this2$_onCalendarCha[0];
+        var fromPanelClick = _this2._panelClickedDate;
+        var startMoment = (_ref = (_ref2 = fromCalendarChange != null ? fromCalendarChange : fromPanelClick) != null ? _ref2 : rangePickerData == null ? void 0 : rangePickerData[0]) != null ? _ref : moment__default["default"](); // 如果开始时间来自面板点击（只有日期没有时间），将当前时刻的时分附加上去
+
+        if (!fromCalendarChange && fromPanelClick) {
+          var now = moment__default["default"]();
+          startMoment = startMoment.clone().hour(now.hour()).minute(now.minute()).second(0);
+        }
+
+        _Viewer.prototype.changeValueEx.call(_this2, _this2._rangePicker2Data([startMoment, moment__default["default"]()], true), true, true);
+      }; // 判断是否应展示"至今"按钮
+
 
+      var showTillNow = !hideFooter; // 构造元素
 
       return jsxRuntime.jsx(antd.DatePicker.RangePicker, _objectSpread$8({
         ref: this._pickerRef,
-        renderExtraFooter: hideFooter ? undefined : function (mode) {
-          var _this2$_onCalendarCha;
+        panelRender: pcShowTime && showTillNow ? function (panelNode) {
+          // showTime 模式下：通过事件委托捕获面板上日期单元格的点击
+          // 同时在 footer 的"确定"按钮同一行注入"至今"按钮
+          return jsxRuntime.jsx("div", {
+            onClick: function onClick(e) {
+              var target = e.target;
+              var cell = target.closest == null ? void 0 : target.closest('.ant-picker-cell');
+
+              if (cell) {
+                // 排除 disabled 状态的日期单元格
+                if (cell.classList.contains('ant-picker-cell-disabled')) return;
+                var title = cell.getAttribute('title');
+
+                if (title) {
+                  var parsed = moment__default["default"](title, 'YYYY-MM-DD'); // 校验 moment 解析有效性，无效日期不记录
+
+                  if (parsed.isValid()) {
+                    _this2._panelClickedDate = parsed;
+                  }
+                }
+              }
+            },
+            ref: function ref(el) {
+              var _ref3, _this2$_onCalendarCha2, _this2$_onCalendarCha3;
 
-          // 如果开始时间超过当前时间（未来时间），不展示"至今"按钮
-          var startMoment = (_this2$_onCalendarCha = _this2._onCalendarChangeValue) == null ? void 0 : _this2$_onCalendarCha[0];
+              // 面板渲染后，将"至今"按钮注入到 .ant-picker-ok 内部，确定按钮之后
+              // 这样两者在同一个 flex item 中，确定在左、至今在右
+              if (!el) return;
+              var okLi = el.querySelector('.ant-picker-ok');
+              if (!okLi) return; // 开始时间在未来时，移除已有的至今按钮并不再注入
 
-          if (startMoment && startMoment.isAfter(moment__default["default"]())) {
+              var previewStart = (_ref3 = (_this2$_onCalendarCha2 = (_this2$_onCalendarCha3 = _this2._onCalendarChangeValue) == null ? void 0 : _this2$_onCalendarCha3[0]) != null ? _this2$_onCalendarCha2 : _this2._panelClickedDate) != null ? _ref3 : rangePickerData == null ? void 0 : rangePickerData[0];
+
+              if (previewStart && previewStart.isAfter(moment__default["default"]())) {
+                var existingBtn = okLi.querySelector('.till-now-btn');
+                if (existingBtn) existingBtn.remove();
+                return;
+              }
+
+              if (!okLi.querySelector('.till-now-btn')) {
+                var tillNowBtn = document.createElement('button');
+                tillNowBtn.className = 'ant-btn ant-btn-sm till-now-btn';
+                tillNowBtn.textContent = '至今';
+                tillNowBtn.style.cssText = 'margin-left: 8px;'; // 使用具名函数以便于清理；先移除可能的旧监听再添加，防止重复绑定
+
+                var onTillNowClick = function onTillNowClick(e) {
+                  e.stopPropagation();
+                  handleTillNow();
+                };
+
+                tillNowBtn.addEventListener('click', onTillNowClick);
+                okLi.appendChild(tillNowBtn);
+              }
+            },
+            children: panelNode
+          });
+        } : undefined,
+        renderExtraFooter: !pcShowTime && showTillNow ? function (mode) {
+          var _this2$_onCalendarCha4, _this2$_onCalendarCha5;
+
+          // 非 showTime 模式：使用 renderExtraFooter 展示"至今"按钮
+          var previewStart = (_this2$_onCalendarCha4 = (_this2$_onCalendarCha5 = _this2._onCalendarChangeValue) == null ? void 0 : _this2$_onCalendarCha5[0]) != null ? _this2$_onCalendarCha4 : rangePickerData == null ? void 0 : rangePickerData[0];
+
+          if (previewStart && previewStart.isAfter(moment__default["default"]())) {
             return null;
           }
 
@@ -23184,13 +23263,11 @@ var ARangePicker = /*#__PURE__*/function (_Viewer) {
                 display: "inline-block",
                 marginTop: "5px"
               },
-              onClick: function onClick() {
-                _Viewer.prototype.changeValueEx.call(_this2, _this2._rangePicker2Data(_this2._onCalendarChangeValue, true), true, true);
-              },
+              onClick: handleTillNow,
               children: "\u81F3\u4ECA"
             })
           });
-        },
+        } : undefined,
         bordered: this.props.hideBorder ? false : true,
         style: {
           width: "300px"
@@ -23198,7 +23275,14 @@ var ARangePicker = /*#__PURE__*/function (_Viewer) {
         locale: zhCN__default$1["default"],
         defaultValue: rangePickerData,
         onCalendarChange: function onCalendarChange(d) {
-          _this2._onCalendarChangeValue = d;
+          _this2._onCalendarChangeValue = d; // 用户开始新一轮选择时清理面板点击缓存，避免上一轮过时数据污染
+
+          _this2._panelClickedDate = null;
+        },
+        onOpenChange: function onOpenChange(open) {
+          if (!open) {
+            _this2._panelClickedDate = null;
+          }
         },
         onChange: function onChange(vv) {
           // 用户清空日期范围时，直接置空
@@ -23216,7 +23300,7 @@ var ARangePicker = /*#__PURE__*/function (_Viewer) {
 
           _Viewer.prototype.changeValueEx.call(_this2, _this2._rangePicker2Data(vv, newTillNow), true, true);
         }
-      }, extraProps), this.state.ctrlVersion + "_" + ((_this$props$schema$da7 = this.props.schema.dateRangePrecision) != null ? _this$props$schema$da7 : 'day'));
+      }, extraProps), this.state.ctrlVersion + "_" + ((_this$props$schema$da6 = this.props.schema.dateRangePrecision) != null ? _this$props$schema$da6 : 'day'));
     }
   };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "form-driver",
-  "version": "0.4.24",
+  "version": "0.4.26",
   "description": "An efficient framework for creating forms.",
   "license": "MIT",
   "authors": [
@@ -63,7 +63,7 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@babel/runtime": "^7.9.2",
     "ali-oss": "^6.17.1",
-    "antd": "4.18.7",
+    "antd": "^4.18.7",
     "antd-mobile": "^5.37.1",
     "clsx": "^2.1.1",
     "lodash": "^4.17.20",

package/src/ui/editor/basic/ARangePicker.tsx

@@ -33,6 +33,7 @@ interface State extends ViewerState {
 export class ARangePicker extends Viewer<State> {
   _pickerRef: RefObject<any> = React.createRef();
   _onCalendarChangeValue?: AntData | null;
+  _panelClickedDate?: moment.Moment | null; // showTime 模式下通过面板点击事件捕获的日期
   _startConfirmed = false; // 标记开始日期是否已确认，用于区分 onClose 是取消还是确认后的自动触发
 
   constructor(p: MProp) {
@@ -55,7 +56,9 @@ export class ARangePicker extends Viewer<State> {
       if (dom) {
         // @ts-ignore
         let r = dom.querySelector(":nth-child(3)");
-        r.innerHTML = "<input readonly disabled size='12' autocomplete='off' value='至今' style='color: black'>";
+        if (r) {
+          r.innerHTML = "<input readonly disabled size='12' autocomplete='off' value='至今' style='color: black'>";
+        }
       }
     }
   }
@@ -123,7 +126,6 @@ export class ARangePicker extends Viewer<State> {
           title={
             // 如果允许"至今"且开始时间不在未来，在标题区域展示"至今"按钮
             !this.props.schema.dateRange?.hideTillNow
-            && !this.props.schema.dateRange?.showTime
             && !(this.state.mobileStartDate && this.state.mobileStartDate > new Date())
               ? <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: 12 }}>
                   <span>选择结束日期</span>
@@ -165,7 +167,7 @@ export class ARangePicker extends Viewer<State> {
       // 根据 precision 配置确定 PC 端 picker 模式和 showTime（使用扁平化属性 dateRangePrecision）
       const precision = this.props.schema.dateRangePrecision;
       const pcShowTime = precision === 'minute' || this.props.schema.dateRange?.showTime;
-      const hideFooter = this.props.schema.dateRange?.hideTillNow || pcShowTime;
+      const hideFooter = this.props.schema.dateRange?.hideTillNow;
 
       // 动态构建额外属性，避免 showTime 和 picker 同时传入导致类型冲突
       const extraProps: any = {};
@@ -182,26 +184,100 @@ export class ARangePicker extends Viewer<State> {
         }
       }
 
+      // "至今"按钮的点击处理函数
+      const handleTillNow = () => {
+        // 优先级：onCalendarChange 记录的值 > 面板点击捕获的日期 > 已有默认值 > 当前时间
+        const fromCalendarChange = this._onCalendarChangeValue?.[0];
+        const fromPanelClick = this._panelClickedDate;
+        let startMoment = fromCalendarChange ?? fromPanelClick ?? rangePickerData?.[0] ?? moment();
+
+        // 如果开始时间来自面板点击（只有日期没有时间），将当前时刻的时分附加上去
+        if (!fromCalendarChange && fromPanelClick) {
+          const now = moment();
+          startMoment = startMoment.clone().hour(now.hour()).minute(now.minute()).second(0);
+        }
+
+        super.changeValueEx(
+          this._rangePicker2Data([startMoment, moment()], true),
+          true, true
+        );
+      };
+
+      // 判断是否应展示"至今"按钮
+      const showTillNow = !hideFooter;
+
       // 构造元素
       return <DatePicker.RangePicker
         ref={this._pickerRef}
         key={`${this.state.ctrlVersion}_${this.props.schema.dateRangePrecision ?? 'day'}`}
-        renderExtraFooter={hideFooter
-          ? undefined
-          : (mode) => {
-            // 如果开始时间超过当前时间（未来时间），不展示"至今"按钮
-            const startMoment = this._onCalendarChangeValue?.[0];
-            if (startMoment && startMoment.isAfter(moment())) {
+        panelRender={pcShowTime && showTillNow
+          ? (panelNode) => {
+            // showTime 模式下：通过事件委托捕获面板上日期单元格的点击
+            // 同时在 footer 的"确定"按钮同一行注入"至今"按钮
+            return <div onClick={(e) => {
+              const target = e.target as HTMLElement;
+              const cell = target.closest?.('.ant-picker-cell');
+              if (cell) {
+                // 排除 disabled 状态的日期单元格
+                if (cell.classList.contains('ant-picker-cell-disabled')) return;
+                const title = cell.getAttribute('title');
+                if (title) {
+                  const parsed = moment(title, 'YYYY-MM-DD');
+                  // 校验 moment 解析有效性，无效日期不记录
+                  if (parsed.isValid()) {
+                    this._panelClickedDate = parsed;
+                  }
+                }
+              }
+            }}
+            ref={(el) => {
+              // 面板渲染后，将"至今"按钮注入到 .ant-picker-ok 内部，确定按钮之后
+              // 这样两者在同一个 flex item 中，确定在左、至今在右
+              if (!el) return;
+              const okLi = el.querySelector('.ant-picker-ok');
+              if (!okLi) return;
+
+              // 开始时间在未来时，移除已有的至今按钮并不再注入
+              const previewStart = this._onCalendarChangeValue?.[0] ?? this._panelClickedDate ?? rangePickerData?.[0];
+              if (previewStart && previewStart.isAfter(moment())) {
+                const existingBtn = okLi.querySelector('.till-now-btn');
+                if (existingBtn) existingBtn.remove();
+                return;
+              }
+
+              if (!okLi.querySelector('.till-now-btn')) {
+                const tillNowBtn = document.createElement('button');
+                tillNowBtn.className = 'ant-btn ant-btn-sm till-now-btn';
+                tillNowBtn.textContent = '至今';
+                tillNowBtn.style.cssText = 'margin-left: 8px;';
+                // 使用具名函数以便于清理；先移除可能的旧监听再添加，防止重复绑定
+                const onTillNowClick = (e: Event) => {
+                  e.stopPropagation();
+                  handleTillNow();
+                };
+                tillNowBtn.addEventListener('click', onTillNowClick);
+                okLi.appendChild(tillNowBtn);
+              }
+            }}>
+              {panelNode}
+            </div>;
+          }
+          : undefined
+        }
+        renderExtraFooter={!pcShowTime && showTillNow
+          ? (mode) => {
+            // 非 showTime 模式：使用 renderExtraFooter 展示"至今"按钮
+            const previewStart = this._onCalendarChangeValue?.[0] ?? rangePickerData?.[0];
+            if (previewStart && previewStart.isAfter(moment())) {
               return null;
             }
             return <div style={{ textAlign: "right" }}>
               <AntButton
                 size="small" style={{ width: "100px", display: "inline-block", marginTop: "5px" }}
-                onClick={() => {
-                  super.changeValueEx(this._rangePicker2Data(this._onCalendarChangeValue, true), true, true);
-                }}>至今</AntButton>
+                onClick={handleTillNow}>至今</AntButton>
             </div>;
           }
+          : undefined
         }
         bordered={this.props.hideBorder ? false : true}
         style={{ width: "300px" }}
@@ -209,6 +285,13 @@ export class ARangePicker extends Viewer<State> {
         defaultValue={rangePickerData}
         onCalendarChange={(d) => {
           this._onCalendarChangeValue = d;
+          // 用户开始新一轮选择时清理面板点击缓存，避免上一轮过时数据污染
+          this._panelClickedDate = null;
+        }}
+        onOpenChange={(open) => {
+          if (!open) {
+            this._panelClickedDate = null;
+          }
         }}
         onChange={(vv) => {
           // 用户清空日期范围时，直接置空

package/src/ui/widget/SelectBox.tsx

@@ -2,12 +2,13 @@
 
 import { Select } from "antd";
 import { Picker } from "antd-mobile";
+import type { PickerColumnItem, PickerValue } from "antd-mobile/es/components/picker-view";
 import _ from "lodash";
 import React from "react";
 import { MUtil } from '../../framework/MUtil';
 
-interface PickerOption {
-  label: string | React.ReactNode;
+interface PickerOption extends PickerColumnItem {
+  label: React.ReactNode;
   value: string;
 }
 

package/types/ui/editor/basic/ARangePicker.d.ts

@@ -16,6 +16,7 @@ interface State extends ViewerState {
 export declare class ARangePicker extends Viewer<State> {
     _pickerRef: RefObject<any>;
     _onCalendarChangeValue?: AntData | null;
+    _panelClickedDate?: moment.Moment | null;
     _startConfirmed: boolean;
     constructor(p: MProp);
     componentDidUpdate(): void;

package/types/ui/widget/SelectBox.d.ts

@@ -1,6 +1,7 @@
+import type { PickerColumnItem } from "antd-mobile/es/components/picker-view";
 import React from "react";
-interface PickerOption {
-    label: string | React.ReactNode;
+interface PickerOption extends PickerColumnItem {
+    label: React.ReactNode;
     value: string;
 }
 interface Prop {