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

package/THIRD_PARTY_NOTICES.md

@@ -9,4 +9,3 @@ Ant Design Icons is licensed under the MIT License.
 - Project: https://github.com/ant-design/ant-design-icons
 - Copyright: Ant Design Team
 - License: https://github.com/ant-design/ant-design-icons/blob/master/LICENSE
-

package/dist/{chunk-YCVXUMGP.js → chunk-2RRTDU3N.js}

@@ -604,8 +604,8 @@ var coreIconPaths = {
   download: /* @__PURE__ */ jsx2(Fragment2, { children: /* @__PURE__ */ jsx2("path", { d: "M12 3v12M7 10l5 5 5-5M4 20h16" }) }),
   upload: /* @__PURE__ */ jsx2(Fragment2, { children: /* @__PURE__ */ jsx2("path", { d: "M12 16V4M7 9l5-5 5 5M4 20h16" }) }),
   refresh: /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    /* @__PURE__ */ jsx2("path", { d: "M20 7v5h-5" }),
-    /* @__PURE__ */ jsx2("path", { d: "M19 12a7.5 7.5 0 1 1-2-5" })
+    /* @__PURE__ */ jsx2("path", { d: "M20 4v4.686h-4.686" }),
+    /* @__PURE__ */ jsx2("path", { d: "M20 8.686 17.657 6.343A8 8 0 1 0 20 12" })
   ] }),
   loader: /* @__PURE__ */ jsx2("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__ */ jsxs2(Fragment2, { children: [

package/dist/{chunk-DZ45HRVP.js → chunk-IMZT6VCU.js}

@@ -5,7 +5,7 @@ import {
   Icon,
   PopupPortal,
   useControllableState
-} from "./chunk-YCVXUMGP.js";
+} from "./chunk-2RRTDU3N.js";
 
 // src/components/Navigation.tsx
 import { useEffect, useId, useMemo, useRef, useState } from "react";

package/dist/{chunk-JKZGAZMB.js → chunk-OAC7BSUR.js}

@@ -2,7 +2,7 @@ import {
   Icon,
   PopupPortal,
   useControllableState
-} from "./chunk-YCVXUMGP.js";
+} from "./chunk-2RRTDU3N.js";
 
 // src/components/Select.tsx
 import { forwardRef, useDeferredValue, useEffect, useId, useMemo, useRef, useState } from "react";

package/dist/{chunk-OMA75YLM.js → chunk-OQLDEVCF.js}

@@ -1,13 +1,13 @@
 import {
   Dropdown,
   Input
-} from "./chunk-DZ45HRVP.js";
+} from "./chunk-IMZT6VCU.js";
 import {
   Button
 } from "./chunk-MBS2HXLZ.js";
 import {
   Icon
-} from "./chunk-YCVXUMGP.js";
+} from "./chunk-2RRTDU3N.js";
 
 // src/components/RichTextEditor.tsx
 import { useEffect, useMemo, useRef, useState } from "react";

package/dist/{chunk-ULEGTKXR.js → chunk-Q4XNFMUH.js}

@@ -3,14 +3,14 @@ import {
 } from "./chunk-NZAT2RUM.js";
 import {
   Dropdown
-} from "./chunk-DZ45HRVP.js";
+} from "./chunk-IMZT6VCU.js";
 import {
   Button
 } from "./chunk-MBS2HXLZ.js";
 import {
   Icon,
   useControllableState
-} from "./chunk-YCVXUMGP.js";
+} from "./chunk-2RRTDU3N.js";
 
 // src/components/Card.tsx
 import { useState } from "react";
@@ -740,10 +740,10 @@ function Tree({
             },
             children: (() => {
               const content = /* @__PURE__ */ jsxs5("span", { className: "sia-tree__context-content", children: [
-                hasChildren ? /* @__PURE__ */ jsx5("button", { type: "button", className: "sia-tree__switcher", style: { width: normalizedSwitcherWidth, flexBasis: normalizedSwitcherWidth }, disabled: node.disabled, onClick: (event) => {
+                hasChildren ? /* @__PURE__ */ jsx5("button", { type: "button", className: "sia-tree__switcher", "aria-label": open ? "\u6536\u8D77\u8282\u70B9" : "\u5C55\u5F00\u8282\u70B9", "aria-expanded": open, style: { width: normalizedSwitcherWidth, flexBasis: normalizedSwitcherWidth }, disabled: node.disabled, onClick: (event) => {
                   event.stopPropagation();
                   void toggleExpand(node);
-                }, children: nodeLoading ? /* @__PURE__ */ jsx5(Icon, { name: "loader", className: "sia-spin-icon", size: 13 }) : /* @__PURE__ */ jsx5(Icon, { name: open ? "chevron-down" : "chevron-right", size: 13 }) }) : /* @__PURE__ */ jsx5("span", { className: "sia-tree__switcher", style: { width: normalizedSwitcherWidth, flexBasis: normalizedSwitcherWidth }, "aria-hidden": "true" }),
+                }, children: nodeLoading ? /* @__PURE__ */ jsx5(Icon, { name: "loader", className: "sia-spin-icon", size: 13 }) : /* @__PURE__ */ jsx5(Icon, { name: open ? "chevron-down" : "chevron-right", size: 13 }) }) : /* @__PURE__ */ jsx5("span", { className: "sia-tree__switcher", "aria-label": open ? "\u6536\u8D77\u8282\u70B9" : "\u5C55\u5F00\u8282\u70B9", "aria-expanded": open, style: { width: normalizedSwitcherWidth, flexBasis: normalizedSwitcherWidth }, "aria-hidden": "true" }),
                 checkable || node.checkable ? /* @__PURE__ */ jsx5("span", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ jsx5(Checkbox2, { checked: isChecked, disabled: node.disabled || node.disableCheckbox, onChange: () => check(node) }) }) : null,
                 node.prefix ? /* @__PURE__ */ jsx5("span", { className: "sia-tree__prefix", onClick: (event) => event.stopPropagation(), children: node.prefix }) : null,
                 showIcon ? /* @__PURE__ */ jsx5("span", { className: "sia-tree__icon", children: node.icon ?? /* @__PURE__ */ jsx5(Icon, { name: hasChildren ? "folder" : "file", size: 15 }) }) : null,
@@ -1541,6 +1541,7 @@ var ModalRoot = forwardRef2(function Modal({
   onOk,
   onCancel,
   onOpenChange,
+  afterOpenChange,
   className = "",
   style,
   ...props
@@ -1550,6 +1551,14 @@ var ModalRoot = forwardRef2(function Modal({
   const [submitting, setSubmitting] = useState6(false);
   const [rendered, setRendered] = useState6(open);
   const [closing, setClosing] = useState6(false);
+  const afterOpenChangeRef = useRef7(afterOpenChange);
+  afterOpenChangeRef.current = afterOpenChange;
+  const submitLock = useRef7(false);
+  useEffect6(() => {
+    if (!open || !rendered) return void 0;
+    const timer = window.setTimeout(() => afterOpenChangeRef.current?.(true), MODAL_MOTION_DURATION);
+    return () => window.clearTimeout(timer);
+  }, [open, rendered]);
   useEffect6(() => {
     if (open) {
       setRendered(true);
@@ -1561,6 +1570,7 @@ var ModalRoot = forwardRef2(function Modal({
     const timer = window.setTimeout(() => {
       setRendered(false);
       setClosing(false);
+      afterOpenChangeRef.current?.(false);
     }, MODAL_MOTION_DURATION);
     return () => window.clearTimeout(timer);
   }, [open, rendered]);
@@ -1575,8 +1585,11 @@ var ModalRoot = forwardRef2(function Modal({
     onOpenChange?.(false);
   }
   async function handleOk() {
+    if (submitLock.current || confirmLoading) return;
+    submitLock.current = true;
     if (!onOk) {
       onOpenChange?.(false);
+      submitLock.current = false;
       return;
     }
     try {
@@ -1591,6 +1604,7 @@ var ModalRoot = forwardRef2(function Modal({
     } catch {
       return;
     } finally {
+      submitLock.current = false;
       setSubmitting(false);
     }
   }

package/dist/{chunk-34TTF4Y7.js → chunk-R4OWKIXJ.js}

@@ -1,11 +1,11 @@
 import {
   Select
-} from "./chunk-JKZGAZMB.js";
+} from "./chunk-OAC7BSUR.js";
 import {
   Icon,
   PopupPortal,
   useControllableState
-} from "./chunk-YCVXUMGP.js";
+} from "./chunk-2RRTDU3N.js";
 
 // src/components/DatePicker.tsx
 import { useEffect, useId, useMemo, useRef as useRef2, useState } from "react";
@@ -49,14 +49,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({
@@ -256,8 +257,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;
@@ -288,6 +290,8 @@ function DatePicker({
   onChange,
   onOpenChange,
   placeholder,
+  formatValue = (value2) => value2,
+  renderExtraFooter,
   ...props
 }) {
   const id = useId();
@@ -353,6 +357,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);
   }
@@ -362,7 +368,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__ */ jsxs2("span", { ref: rootRef, className: `sia-picker sia-picker--${size} sia-picker--${status}${visible ? " is-open" : ""}${disabled ? " is-disabled" : ""} ${className}`.trim(), children: [
     /* @__PURE__ */ jsxs2(
@@ -388,15 +394,16 @@ function DatePicker({
         },
         children: [
           /* @__PURE__ */ jsx2("span", { className: `sia-picker__value${display ? "" : " is-placeholder"}`, children: display || placeholder || placeholderFor(picker, showTime, multiple) }),
-          allowClear && display && !disabled ? /* @__PURE__ */ jsx2("span", { role: "button", className: "sia-picker__clear", "aria-label": "\u6E05\u9664\u65E5\u671F", onClick: clearValue, children: /* @__PURE__ */ jsx2(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
           /* @__PURE__ */ jsx2("span", { className: "sia-picker__icon", "aria-hidden": "true", children: suffixIcon ?? /* @__PURE__ */ jsx2(Icon, { name: "calendar", size: 16 }) })
         ]
       }
     ),
+    allowClear && display && !disabled ? /* @__PURE__ */ jsx2("button", { type: "button", className: "sia-picker__clear", "aria-label": "\u6E05\u9664\u65E5\u671F", onClick: clearValue, children: /* @__PURE__ */ jsx2(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
     /* @__PURE__ */ jsxs2(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__ */ jsxs2("div", { className: "sia-date-panel__body", children: [
         presets?.length ? /* @__PURE__ */ jsx2("aside", { className: "sia-date-panel__presets", children: presets.map((preset, index) => /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => {
           const next = resolvePreset(preset.value);
+          if (!next || isDisabled(dayFromValue(next))) return;
           setDraftValue(next);
           if (!resolvedNeedConfirm) {
             setCurrentValue(next);
@@ -424,6 +431,7 @@ function DatePicker({
       /* @__PURE__ */ jsx2(
         DatePanelFooter,
         {
+          extra: renderExtraFooter?.(),
           showToday,
           needConfirm: resolvedNeedConfirm,
           disabledConfirm: Array.isArray(draftValue) ? draftValue.length === 0 : !draftValue,
@@ -441,6 +449,8 @@ function DateRangePicker({
   separator = "\u2192",
   presets,
   maxRangeDays,
+  allowEmpty = [false, false],
+  endpointDisabled = [false, false],
   size = "medium",
   status = "default",
   allowClear = true,
@@ -458,6 +468,8 @@ function DateRangePicker({
   onCalendarChange,
   onChange,
   onOpenChange,
+  formatValue = (value2) => value2,
+  renderExtraFooter,
   ...props
 }) {
   const id = useId();
@@ -473,9 +485,10 @@ function DateRangePicker({
   const [compactDateTime, setCompactDateTime] = useState(false);
   const showSecond = showSecondFrom(showTime);
   const defaultTime = defaultTimeFrom(showTime);
+  const defaultEndTime = defaultTimeFrom(showTime, 1);
   const [times, setTimes] = 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])];
@@ -505,8 +518,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)));
@@ -514,6 +527,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;
@@ -536,6 +550,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);
@@ -571,6 +596,7 @@ function DateRangePicker({
     }
   }
   function changeTime(index, nextTime) {
+    if (endpointDisabled[index]) return;
     const nextTimes = [...times];
     nextTimes[index] = nextTime;
     setTimes(nextTimes);
@@ -581,6 +607,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;
@@ -589,7 +637,7 @@ function DateRangePicker({
       setHoverDate("");
       return;
     }
-    if (!draftValue[0] || !draftValue[1] || invalidDateTimeRange) return;
+    if (!isValidRange(draftValue)) return;
     setCurrentValue(draftValue);
     changeOpen(false);
   }
@@ -597,10 +645,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)));
@@ -611,7 +660,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);
@@ -680,14 +729,14 @@ function DateRangePicker({
         disabled,
         onClick: () => changeOpen(!visible),
         children: [
-          /* @__PURE__ */ jsx2("span", { className: `sia-picker-range-control__value${currentValue[0] ? "" : " is-placeholder"}`, children: currentValue[0] || placeholder[0] }),
+          /* @__PURE__ */ jsx2("span", { className: `sia-picker-range-control__value${currentValue[0] ? "" : " is-placeholder"}`, children: currentValue[0] ? formatValue(currentValue[0]) : placeholder[0] }),
           /* @__PURE__ */ jsx2("span", { className: "sia-picker-range-control__separator", children: separator }),
-          /* @__PURE__ */ jsx2("span", { className: `sia-picker-range-control__value${currentValue[1] ? "" : " is-placeholder"}`, children: currentValue[1] || placeholder[1] }),
-          allowClear && (currentValue[0] || currentValue[1]) && !disabled ? /* @__PURE__ */ jsx2("span", { role: "button", className: "sia-picker__clear", "aria-label": "\u6E05\u9664\u65E5\u671F\u8303\u56F4", onClick: clearValue, children: /* @__PURE__ */ jsx2(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
+          /* @__PURE__ */ jsx2("span", { className: `sia-picker-range-control__value${currentValue[1] ? "" : " is-placeholder"}`, children: currentValue[1] ? formatValue(currentValue[1]) : placeholder[1] }),
           /* @__PURE__ */ jsx2("span", { className: "sia-picker__icon", "aria-hidden": "true", children: suffixIcon ?? /* @__PURE__ */ jsx2(Icon, { name: "calendar", size: 16 }) })
         ]
       }
     ),
+    allowClear && (currentValue[0] || currentValue[1]) && !disabled ? /* @__PURE__ */ jsx2("button", { type: "button", className: "sia-picker__clear", "aria-label": "\u6E05\u9664\u65E5\u671F\u8303\u56F4", onClick: clearValue, children: /* @__PURE__ */ jsx2(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
     /* @__PURE__ */ jsxs2(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__ */ jsx2("div", { className: "sia-date-panel__body", children: showTime ? /* @__PURE__ */ jsx2("div", { className: "sia-date-panel__range-date-time", children: compactDateTime ? renderDateTimeGroup(activeIndex) : /* @__PURE__ */ jsxs2(Fragment, { children: [
         renderDateTimeGroup(0),
@@ -722,10 +771,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__ */ jsxs2(Fragment, { children: [
+            renderExtraFooter?.(),
             presets?.map((preset, index) => /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => applyPreset(preset), children: preset.label }, index)),
             compactDateTime && showTime && activeIndex === 1 ? /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => {
               setActiveIndex(0);

package/dist/{core-BeiAQiDY.d.ts → core-DFYheaoJ.d.ts}

@@ -930,6 +930,8 @@ interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, "title" | "onS
     onOk?: () => ModalActionResult;
     onCancel?: () => void;
     onOpenChange?: (open: boolean) => void;
+    /** 动画完成后触发，适用于聚焦内容和释放外部挂载点。 */
+    afterOpenChange?: (open: boolean) => void;
 }
 interface ModalOpenConfig extends Omit<ModalProps, "open"> {
 }

package/dist/{core-DRICIs2n.d.cts → core-De2pRX5w.d.cts}

@@ -930,6 +930,8 @@ interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, "title" | "onS
     onOk?: () => ModalActionResult;
     onCancel?: () => void;
     onOpenChange?: (open: boolean) => void;
+    /** 动画完成后触发，适用于聚焦内容和释放外部挂载点。 */
+    afterOpenChange?: (open: boolean) => void;
 }
 interface ModalOpenConfig extends Omit<ModalProps, "open"> {
 }

package/dist/core.cjs

@@ -704,8 +704,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: [
@@ -2710,6 +2710,7 @@ var ModalRoot = (0, import_react16.forwardRef)(function Modal({
   onOk,
   onCancel,
   onOpenChange,
+  afterOpenChange,
   className = "",
   style,
   ...props
@@ -2719,6 +2720,14 @@ var ModalRoot = (0, import_react16.forwardRef)(function Modal({
   const [submitting, setSubmitting] = (0, import_react16.useState)(false);
   const [rendered, setRendered] = (0, import_react16.useState)(open);
   const [closing, setClosing] = (0, import_react16.useState)(false);
+  const afterOpenChangeRef = (0, import_react16.useRef)(afterOpenChange);
+  afterOpenChangeRef.current = afterOpenChange;
+  const submitLock = (0, import_react16.useRef)(false);
+  (0, import_react16.useEffect)(() => {
+    if (!open || !rendered) return void 0;
+    const timer = window.setTimeout(() => afterOpenChangeRef.current?.(true), MODAL_MOTION_DURATION);
+    return () => window.clearTimeout(timer);
+  }, [open, rendered]);
   (0, import_react16.useEffect)(() => {
     if (open) {
       setRendered(true);
@@ -2730,6 +2739,7 @@ var ModalRoot = (0, import_react16.forwardRef)(function Modal({
     const timer = window.setTimeout(() => {
       setRendered(false);
       setClosing(false);
+      afterOpenChangeRef.current?.(false);
     }, MODAL_MOTION_DURATION);
     return () => window.clearTimeout(timer);
   }, [open, rendered]);
@@ -2744,8 +2754,11 @@ var ModalRoot = (0, import_react16.forwardRef)(function Modal({
     onOpenChange?.(false);
   }
   async function handleOk() {
+    if (submitLock.current || confirmLoading) return;
+    submitLock.current = true;
     if (!onOk) {
       onOpenChange?.(false);
+      submitLock.current = false;
       return;
     }
     try {
@@ -2760,6 +2773,7 @@ var ModalRoot = (0, import_react16.forwardRef)(function Modal({
     } catch {
       return;
     } finally {
+      submitLock.current = false;
       setSubmitting(false);
     }
   }