@sia.soul/sia-react-ui 0.1.0 → 0.1.3

package/dist/rich-text-editor.cjs

@@ -715,8 +715,8 @@ var coreIconPaths = {
   download: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 3v12M7 10l5 5 5-5M4 20h16" }) }),
   upload: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 16V4M7 9l5-5 5 5M4 20h16" }) }),
   refresh: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M20 7v5h-5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M19 12a7.5 7.5 0 1 1-2-5" })
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M20 4v4.686h-4.686" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M20 8.686 17.657 6.343A8 8 0 1 0 20 12" })
   ] }),
   loader: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 3v3M12 18v3M3 12h3M18 12h3M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M18.4 5.6l-2.1 2.1M7.7 16.3l-2.1 2.1" }),
   calendar: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [

package/dist/rich-text-editor.js

@@ -1,10 +1,10 @@
 import {
   RichTextContent,
   RichTextEditor
-} from "./chunk-OMA75YLM.js";
-import "./chunk-DZ45HRVP.js";
+} from "./chunk-OQLDEVCF.js";
+import "./chunk-IMZT6VCU.js";
 import "./chunk-MBS2HXLZ.js";
-import "./chunk-YCVXUMGP.js";
+import "./chunk-2RRTDU3N.js";
 export {
   RichTextContent,
   RichTextEditor

package/dist/{select-date-range-BDWdo7qt.d.ts → select-date-range-DOyG1DGp.d.ts}

@@ -4,7 +4,7 @@ import { C as ControlSize, a as ControlStatus, d as SelectOption, f as SelectVal
 
 type DatePickerShowTime = boolean | {
     showSecond?: boolean;
-    defaultValue?: string;
+    defaultValue?: string | readonly [string, string];
 };
 
 type DatePickerType = "date" | "week" | "month" | "year" | "quarter";
@@ -42,6 +42,9 @@ interface DatePickerProps extends SharedDatePickerProps {
     disabledDate?: (value: string, info: DatePickerDisabledInfo) => boolean;
     onChange?: (value: DatePickerValue) => void;
     onOpenChange?: (open: boolean) => void;
+    /** 只格式化显示文字，不改变传入和回调的标准日期值。 */
+    formatValue?: (value: string) => string;
+    renderExtraFooter?: () => ReactNode;
 }
 interface DateRangePickerProps extends Omit<DatePickerProps, "value" | "defaultValue" | "onChange" | "placeholder" | "multiple" | "presets"> {
     value?: readonly [string, string];
@@ -50,11 +53,15 @@ interface DateRangePickerProps extends Omit<DatePickerProps, "value" | "defaultV
     separator?: ReactNode;
     presets?: readonly DateRangePickerPreset[];
     maxRangeDays?: number;
+    /** 允许单独保留起点或终点；需要点击确定提交未完整的范围。 */
+    allowEmpty?: readonly [boolean, boolean];
+    /** 锁定指定端点，编辑和清空时保留其值。 */
+    endpointDisabled?: readonly [boolean, boolean];
     onCalendarChange?: (value: readonly [string, string]) => void;
     onChange?: (value: readonly [string, string]) => void;
 }
-declare function DateRangePicker({ value, defaultValue, placeholder, separator, presets, maxRangeDays, size, status, allowClear, needConfirm, showTime, showToday, open, defaultOpen, suffixIcon, minDate, maxDate, disabledDate, disabled, className, onCalendarChange, onChange, onOpenChange, ...props }: DateRangePickerProps): react.JSX.Element;
-declare function DatePicker({ value, defaultValue, picker, size, status, allowClear, multiple, needConfirm, showTime, showToday, open, defaultOpen, suffixIcon, minDate, maxDate, presets, disabledDate, disabled, className, onChange, onOpenChange, placeholder, ...props }: DatePickerProps): react.JSX.Element;
+declare function DateRangePicker({ value, defaultValue, placeholder, separator, presets, maxRangeDays, allowEmpty, endpointDisabled, size, status, allowClear, needConfirm, showTime, showToday, open, defaultOpen, suffixIcon, minDate, maxDate, disabledDate, disabled, className, onCalendarChange, onChange, onOpenChange, formatValue, renderExtraFooter, ...props }: DateRangePickerProps): react.JSX.Element;
+declare function DatePicker({ value, defaultValue, picker, size, status, allowClear, multiple, needConfirm, showTime, showToday, open, defaultOpen, suffixIcon, minDate, maxDate, presets, disabledDate, disabled, className, onChange, onOpenChange, placeholder, formatValue, renderExtraFooter, ...props }: DatePickerProps): react.JSX.Element;
 declare namespace DatePicker {
     const RangePicker: typeof DateRangePicker;
 }

package/dist/{select-date-range-DWik3ADr.d.cts → select-date-range-UyYrHex6.d.cts}

@@ -4,7 +4,7 @@ import { C as ControlSize, a as ControlStatus, d as SelectOption, f as SelectVal
 
 type DatePickerShowTime = boolean | {
     showSecond?: boolean;
-    defaultValue?: string;
+    defaultValue?: string | readonly [string, string];
 };
 
 type DatePickerType = "date" | "week" | "month" | "year" | "quarter";
@@ -42,6 +42,9 @@ interface DatePickerProps extends SharedDatePickerProps {
     disabledDate?: (value: string, info: DatePickerDisabledInfo) => boolean;
     onChange?: (value: DatePickerValue) => void;
     onOpenChange?: (open: boolean) => void;
+    /** 只格式化显示文字，不改变传入和回调的标准日期值。 */
+    formatValue?: (value: string) => string;
+    renderExtraFooter?: () => ReactNode;
 }
 interface DateRangePickerProps extends Omit<DatePickerProps, "value" | "defaultValue" | "onChange" | "placeholder" | "multiple" | "presets"> {
     value?: readonly [string, string];
@@ -50,11 +53,15 @@ interface DateRangePickerProps extends Omit<DatePickerProps, "value" | "defaultV
     separator?: ReactNode;
     presets?: readonly DateRangePickerPreset[];
     maxRangeDays?: number;
+    /** 允许单独保留起点或终点；需要点击确定提交未完整的范围。 */
+    allowEmpty?: readonly [boolean, boolean];
+    /** 锁定指定端点，编辑和清空时保留其值。 */
+    endpointDisabled?: readonly [boolean, boolean];
     onCalendarChange?: (value: readonly [string, string]) => void;
     onChange?: (value: readonly [string, string]) => void;
 }
-declare function DateRangePicker({ value, defaultValue, placeholder, separator, presets, maxRangeDays, size, status, allowClear, needConfirm, showTime, showToday, open, defaultOpen, suffixIcon, minDate, maxDate, disabledDate, disabled, className, onCalendarChange, onChange, onOpenChange, ...props }: DateRangePickerProps): react.JSX.Element;
-declare function DatePicker({ value, defaultValue, picker, size, status, allowClear, multiple, needConfirm, showTime, showToday, open, defaultOpen, suffixIcon, minDate, maxDate, presets, disabledDate, disabled, className, onChange, onOpenChange, placeholder, ...props }: DatePickerProps): react.JSX.Element;
+declare function DateRangePicker({ value, defaultValue, placeholder, separator, presets, maxRangeDays, allowEmpty, endpointDisabled, size, status, allowClear, needConfirm, showTime, showToday, open, defaultOpen, suffixIcon, minDate, maxDate, disabledDate, disabled, className, onCalendarChange, onChange, onOpenChange, formatValue, renderExtraFooter, ...props }: DateRangePickerProps): react.JSX.Element;
+declare function DatePicker({ value, defaultValue, picker, size, status, allowClear, multiple, needConfirm, showTime, showToday, open, defaultOpen, suffixIcon, minDate, maxDate, presets, disabledDate, disabled, className, onChange, onOpenChange, placeholder, formatValue, renderExtraFooter, ...props }: DatePickerProps): react.JSX.Element;
 declare namespace DatePicker {
     const RangePicker: typeof DateRangePicker;
 }

package/dist/select-date-range.cjs

@@ -633,8 +633,8 @@ var coreIconPaths = {
   download: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 3v12M7 10l5 5 5-5M4 20h16" }) }),
   upload: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 16V4M7 9l5-5 5 5M4 20h16" }) }),
   refresh: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M20 7v5h-5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M19 12a7.5 7.5 0 1 1-2-5" })
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M20 4v4.686h-4.686" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M20 8.686 17.657 6.343A8 8 0 1 0 20 12" })
   ] }),
   loader: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 3v3M12 18v3M3 12h3M18 12h3M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M18.4 5.6l-2.1 2.1M7.7 16.3l-2.1 2.1" }),
   calendar: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
@@ -1004,14 +1004,15 @@ function withTime(date, time, showSecond = false) {
   const [hour = "00", minute = "00", second = "00"] = time.split(":");
   return `${date} ${hour}:${minute}${showSecond ? `:${second}` : ""}`;
 }
-function normalizeDateValue(value, showTime) {
+function normalizeDateValue(value, showTime, index = 0) {
   if (!value) return "";
   const date = parseDate(value);
   if (!date) return value;
   const day = dateKey(date);
   if (!showTime) return day;
   const config = typeof showTime === "object" ? showTime : {};
-  return withTime(day, timePart(value, config.defaultValue ?? "00:00:00"), Boolean(config.showSecond));
+  const fallback = typeof config.defaultValue === "string" ? config.defaultValue : config.defaultValue?.[index] ?? "00:00:00";
+  return withTime(day, timePart(value, fallback), Boolean(config.showSecond));
 }
 var WEEKDAYS = ["\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D", "\u65E5"];
 function CalendarMonth({
@@ -1211,8 +1212,9 @@ function placeholderFor(picker, showTime, multiple) {
 function showSecondFrom(showTime) {
   return Boolean(typeof showTime === "object" && showTime.showSecond);
 }
-function defaultTimeFrom(showTime) {
-  return typeof showTime === "object" ? showTime.defaultValue ?? "00:00:00" : "00:00:00";
+function defaultTimeFrom(showTime, index = 0) {
+  const value = typeof showTime === "object" ? showTime.defaultValue : void 0;
+  return typeof value === "string" ? value : value?.[index] ?? "00:00:00";
 }
 function resolvePreset(value) {
   return typeof value === "function" ? value() : value;
@@ -1243,6 +1245,8 @@ function DatePicker({
   onChange,
   onOpenChange,
   placeholder,
+  formatValue = (value2) => value2,
+  renderExtraFooter,
   ...props
 }) {
   const id = (0, import_react5.useId)();
@@ -1308,6 +1312,8 @@ function DatePicker({
     }
   }
   function commitDraft() {
+    const values = Array.isArray(draftValue) ? draftValue : [draftValue];
+    if (values.some((value2) => !value2 || isDisabled(dayFromValue(value2)))) return;
     setCurrentValue(draftValue);
     changeOpen(false);
   }
@@ -1317,7 +1323,7 @@ function DatePicker({
     setDraftValue(empty);
     setCurrentValue(empty);
   }
-  const display = Array.isArray(currentValue) ? currentValue.join("\u3001") : currentValue;
+  const display = Array.isArray(currentValue) ? currentValue.map(formatValue).join("\u3001") : currentValue ? formatValue(currentValue) : "";
   const triggerLabel = props["aria-label"] ?? (typeof placeholder === "string" ? placeholder : "\u65E5\u671F\u9009\u62E9\u5668");
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { ref: rootRef, className: `sia-picker sia-picker--${size} sia-picker--${status}${visible ? " is-open" : ""}${disabled ? " is-disabled" : ""} ${className}`.trim(), children: [
     /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
@@ -1343,15 +1349,16 @@ function DatePicker({
         },
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: `sia-picker__value${display ? "" : " is-placeholder"}`, children: display || placeholder || placeholderFor(picker, showTime, multiple) }),
-          allowClear && display && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { role: "button", className: "sia-picker__clear", "aria-label": "\u6E05\u9664\u65E5\u671F", onClick: clearValue, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
           /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "sia-picker__icon", "aria-hidden": "true", children: suffixIcon ?? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "calendar", size: 16 }) })
         ]
       }
     ),
+    allowClear && display && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "sia-picker__clear", "aria-label": "\u6E05\u9664\u65E5\u671F", onClick: clearValue, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: visible, className: `sia-date-panel${showTime ? " sia-date-panel--with-time" : ""}${presets?.length ? " sia-date-panel--with-presets" : ""}`, role: "dialog", "aria-label": "\u65E5\u671F\u9009\u62E9\u9762\u677F", children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "sia-date-panel__body", children: [
         presets?.length ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("aside", { className: "sia-date-panel__presets", children: presets.map((preset, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", onClick: () => {
           const next = resolvePreset(preset.value);
+          if (!next || isDisabled(dayFromValue(next))) return;
           setDraftValue(next);
           if (!resolvedNeedConfirm) {
             setCurrentValue(next);
@@ -1379,6 +1386,7 @@ function DatePicker({
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         DatePanelFooter,
         {
+          extra: renderExtraFooter?.(),
           showToday,
           needConfirm: resolvedNeedConfirm,
           disabledConfirm: Array.isArray(draftValue) ? draftValue.length === 0 : !draftValue,
@@ -1396,6 +1404,8 @@ function DateRangePicker({
   separator = "\u2192",
   presets,
   maxRangeDays,
+  allowEmpty = [false, false],
+  endpointDisabled = [false, false],
   size = "medium",
   status = "default",
   allowClear = true,
@@ -1413,6 +1423,8 @@ function DateRangePicker({
   onCalendarChange,
   onChange,
   onOpenChange,
+  formatValue = (value2) => value2,
+  renderExtraFooter,
   ...props
 }) {
   const id = (0, import_react5.useId)();
@@ -1428,9 +1440,10 @@ function DateRangePicker({
   const [compactDateTime, setCompactDateTime] = (0, import_react5.useState)(false);
   const showSecond = showSecondFrom(showTime);
   const defaultTime = defaultTimeFrom(showTime);
+  const defaultEndTime = defaultTimeFrom(showTime, 1);
   const [times, setTimes] = (0, import_react5.useState)([
     timePart(currentValue[0], defaultTime),
-    timePart(currentValue[1], defaultTime)
+    timePart(currentValue[1], defaultEndTime)
   ]);
   const resolvedNeedConfirm = needConfirm ?? Boolean(showTime);
   const rangeDates = [dayFromValue(draftValue[0]), dayFromValue(draftValue[1])];
@@ -1460,8 +1473,8 @@ function DateRangePicker({
   function changeOpen(next) {
     if (next) {
       setDraftValue(currentValue);
-      setTimes([timePart(currentValue[0], defaultTime), timePart(currentValue[1], defaultTime)]);
-      setActiveIndex(currentValue[0] && !currentValue[1] ? 1 : 0);
+      setTimes([timePart(currentValue[0], defaultTime), timePart(currentValue[1], defaultEndTime)]);
+      setActiveIndex(endpointDisabled[0] ? 1 : endpointDisabled[1] ? 0 : currentValue[0] && !currentValue[1] ? 1 : 0);
       const nextStartMonth = startOfMonth(parseDate(dayFromValue(currentValue[0] || currentValue[1])) ?? /* @__PURE__ */ new Date());
       setViewMonth(nextStartMonth);
       setEndViewMonth(startOfMonth(parseDate(dayFromValue(currentValue[1])) ?? addMonths(nextStartMonth, 1)));
@@ -1469,6 +1482,7 @@ function DateRangePicker({
     setVisible(next);
   }
   function isDisabled(day, index = activeIndex, pairedDateTime = false) {
+    if (endpointDisabled[index]) return true;
     const minimum = minDate ?? props.min;
     const maximum = maxDate ?? props.max;
     if (minimum && day < String(minimum).slice(0, 10)) return true;
@@ -1491,6 +1505,17 @@ function DateRangePicker({
   }
   function selectDate(day) {
     if (isDisabled(day)) return;
+    if (endpointDisabled.some(Boolean)) {
+      const index = endpointDisabled[0] ? 1 : 0;
+      const next = [...draftValue];
+      next[index] = buildRangeValue(day, index);
+      updateDraft(next);
+      if (!resolvedNeedConfirm && isValidRange(next)) {
+        setCurrentValue(next);
+        changeOpen(false);
+      }
+      return;
+    }
     if (activeIndex === 0 || !rangeDates[0] || rangeDates[1]) {
       const next = [buildRangeValue(day, 0), ""];
       updateDraft(next);
@@ -1526,6 +1551,7 @@ function DateRangePicker({
     }
   }
   function changeTime(index, nextTime) {
+    if (endpointDisabled[index]) return;
     const nextTimes = [...times];
     nextTimes[index] = nextTime;
     setTimes(nextTimes);
@@ -1536,6 +1562,28 @@ function DateRangePicker({
       updateDraft(nextValue);
     }
   }
+  function isValidRange(next) {
+    if (!next.some(Boolean)) return false;
+    for (const index of [0, 1]) {
+      if (!next[index]) {
+        if (!allowEmpty[index]) return false;
+        else continue;
+      }
+      if (endpointDisabled[index]) {
+        if (next[index] !== currentValue[index]) return false;
+        else continue;
+      }
+      const day = dayFromValue(next[index]);
+      if (!day) return false;
+      if (minDate && day < minDate.slice(0, 10) || maxDate && day > maxDate.slice(0, 10)) return false;
+      if (disabledDate?.(day, { from: index === 1 ? dayFromValue(next[0]) || void 0 : void 0, type: "date" })) return false;
+    }
+    if (next[0] && next[1]) {
+      if (next[0] > next[1]) return false;
+      if (maxRangeDays && Math.abs(daysBetween(dayFromValue(next[0]), dayFromValue(next[1]))) >= maxRangeDays) return false;
+    }
+    return true;
+  }
   function confirm() {
     if (compactDateTime && showTime && activeIndex === 0) {
       if (!draftValue[0]) return;
@@ -1544,7 +1592,7 @@ function DateRangePicker({
       setHoverDate("");
       return;
     }
-    if (!draftValue[0] || !draftValue[1] || invalidDateTimeRange) return;
+    if (!isValidRange(draftValue)) return;
     setCurrentValue(draftValue);
     changeOpen(false);
   }
@@ -1552,10 +1600,11 @@ function DateRangePicker({
     const raw = resolveRangePreset(preset.value);
     const next = [
       normalizeDateValue(raw[0], showTime),
-      normalizeDateValue(raw[1], showTime)
+      normalizeDateValue(raw[1], showTime, 1)
     ];
+    if (!isValidRange(next)) return;
     updateDraft(next);
-    setTimes([timePart(next[0], defaultTime), timePart(next[1], defaultTime)]);
+    setTimes([timePart(next[0], defaultTime), timePart(next[1], defaultEndTime)]);
     const nextStartMonth = startOfMonth(parseDate(dayFromValue(next[0] || next[1])) ?? /* @__PURE__ */ new Date());
     setViewMonth(nextStartMonth);
     setEndViewMonth(startOfMonth(parseDate(dayFromValue(next[1])) ?? addMonths(nextStartMonth, 1)));
@@ -1566,7 +1615,7 @@ function DateRangePicker({
   }
   function clearValue(event) {
     event.stopPropagation();
-    const empty = ["", ""];
+    const empty = [endpointDisabled[0] ? currentValue[0] : "", endpointDisabled[1] ? currentValue[1] : ""];
     updateDraft(empty);
     setCurrentValue(empty);
     setActiveIndex(0);
@@ -1635,14 +1684,14 @@ function DateRangePicker({
         disabled,
         onClick: () => changeOpen(!visible),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: `sia-picker-range-control__value${currentValue[0] ? "" : " is-placeholder"}`, children: currentValue[0] || placeholder[0] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: `sia-picker-range-control__value${currentValue[0] ? "" : " is-placeholder"}`, children: currentValue[0] ? formatValue(currentValue[0]) : placeholder[0] }),
           /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "sia-picker-range-control__separator", children: separator }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: `sia-picker-range-control__value${currentValue[1] ? "" : " is-placeholder"}`, children: currentValue[1] || placeholder[1] }),
-          allowClear && (currentValue[0] || currentValue[1]) && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { role: "button", className: "sia-picker__clear", "aria-label": "\u6E05\u9664\u65E5\u671F\u8303\u56F4", onClick: clearValue, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: `sia-picker-range-control__value${currentValue[1] ? "" : " is-placeholder"}`, children: currentValue[1] ? formatValue(currentValue[1]) : placeholder[1] }),
           /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "sia-picker__icon", "aria-hidden": "true", children: suffixIcon ?? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "calendar", size: 16 }) })
         ]
       }
     ),
+    allowClear && (currentValue[0] || currentValue[1]) && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "sia-picker__clear", "aria-label": "\u6E05\u9664\u65E5\u671F\u8303\u56F4", onClick: clearValue, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: visible, className: `sia-date-panel sia-date-panel--range${showTime ? ` sia-date-panel--with-time sia-date-panel--range-time-${compactDateTime ? "compact" : "paired"}` : ""}${presets?.length ? " sia-date-panel--with-presets" : ""}`, role: "dialog", "aria-label": "\u65E5\u671F\u8303\u56F4\u9009\u62E9\u9762\u677F", children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "sia-date-panel__body", children: showTime ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "sia-date-panel__range-date-time", children: compactDateTime ? renderDateTimeGroup(activeIndex) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
         renderDateTimeGroup(0),
@@ -1677,10 +1726,11 @@ function DateRangePicker({
         DatePanelFooter,
         {
           showToday: showToday && !presets?.length,
-          needConfirm: resolvedNeedConfirm,
-          disabledConfirm: compactDateTime && showTime && activeIndex === 0 ? !draftValue[0] : !draftValue[0] || !draftValue[1] || invalidDateTimeRange,
+          needConfirm: resolvedNeedConfirm || allowEmpty.some(Boolean),
+          disabledConfirm: compactDateTime && showTime && activeIndex === 0 ? !draftValue[0] : !isValidRange(draftValue),
           confirmText: compactDateTime && showTime && activeIndex === 0 ? "\u4E0B\u4E00\u6B65" : "\u786E\u5B9A",
           extra: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+            renderExtraFooter?.(),
             presets?.map((preset, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", onClick: () => applyPreset(preset), children: preset.label }, index)),
             compactDateTime && showTime && activeIndex === 1 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", onClick: () => {
               setActiveIndex(0);

package/dist/select-date-range.d.cts

@@ -1,3 +1,3 @@
-export { S as SelectDateRange, i as SelectDateRangeProps, j as SelectDateRangeValue } from './select-date-range-DWik3ADr.cjs';
+export { S as SelectDateRange, i as SelectDateRangeProps, j as SelectDateRangeValue } from './select-date-range-UyYrHex6.cjs';
 import 'react';
 import './Select-CJJ5LQap.cjs';

package/dist/select-date-range.d.ts

@@ -1,3 +1,3 @@
-export { S as SelectDateRange, i as SelectDateRangeProps, j as SelectDateRangeValue } from './select-date-range-BDWdo7qt.js';
+export { S as SelectDateRange, i as SelectDateRangeProps, j as SelectDateRangeValue } from './select-date-range-DOyG1DGp.js';
 import 'react';
 import './Select-CJJ5LQap.js';

package/dist/select-date-range.js

@@ -1,8 +1,8 @@
 import {
   SelectDateRange
-} from "./chunk-34TTF4Y7.js";
-import "./chunk-JKZGAZMB.js";
-import "./chunk-YCVXUMGP.js";
+} from "./chunk-R4OWKIXJ.js";
+import "./chunk-OAC7BSUR.js";
+import "./chunk-2RRTDU3N.js";
 export {
   SelectDateRange
 };