@sia.soul/sia-react-ui 0.1.51 → 0.1.53

package/dist/{chunk-FJ3FP4YV.js → chunk-MFR2FYQA.js}

@@ -1461,6 +1461,7 @@ var UploadRoot = forwardRef(function UploadRoot2({
   downloadRequest,
   itemRender,
   children,
+  onChoose,
   className = "",
   style,
   onDragOver,
@@ -1663,7 +1664,9 @@ var UploadRoot = forwardRef(function UploadRoot2({
     event.preventDefault();
     ingest(selected.map((file) => ({ file, path: file.name })));
   }
-  const trigger = !(listType === "picture-card" && full) && /* @__PURE__ */ jsx8("div", { className: "sia-upload__trigger", children: /* @__PURE__ */ jsx8(Button, { className: "sia-upload__choose", "aria-label": compactCard ? directory ? "\u9009\u62E9\u6587\u4EF6\u5939" : "\u9009\u62E9\u6587\u4EF6" : void 0, disabled: disabled || full, onClick: () => inputRef.current?.click(), children: children ?? (listType === "picture-card" ? /* @__PURE__ */ jsxs8(Fragment4, { children: [
+  const trigger = !(listType === "picture-card" && full) && /* @__PURE__ */ jsx8("div", { className: "sia-upload__trigger", children: /* @__PURE__ */ jsx8(Button, { className: "sia-upload__choose", "aria-label": compactCard ? directory ? "\u9009\u62E9\u6587\u4EF6\u5939" : "\u9009\u62E9\u6587\u4EF6" : void 0, disabled: disabled || full, onClick: () => {
+    if (!disabled && !full && onChoose?.() !== false) inputRef.current?.click();
+  }, children: children ?? (listType === "picture-card" ? /* @__PURE__ */ jsxs8(Fragment4, { children: [
     /* @__PURE__ */ jsx8(Icon, { name: "plus", size: 24 }),
     /* @__PURE__ */ jsx8("span", { children: "\u4E0A\u4F20\u56FE\u7247" })
   ] }) : /* @__PURE__ */ jsxs8(Fragment4, { children: [

package/dist/{core-murmERqF.d.ts → core-DXJ4b0lT.d.ts}

@@ -2027,6 +2027,8 @@ interface UploadProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue
     itemRender?: (node: ReactNode, file: UploadFile, fileList: readonly UploadFile[], actions: UploadItemActions) => ReactNode;
     /** 上传按钮内容，不应嵌套其他交互控件；外层负责点击和键盘操作。 */
     children?: ReactNode;
+    /** 点击或键盘激活上传入口时同步调用；返回 false 阻止打开系统文件选择器，可用于打开业务上传弹框。默认打开系统选择器。禁用或已达数量上限时不调用，不影响拖拽与粘贴。 */
+    onChoose?: () => boolean | void;
 }
 /** 拖拽区域继承全部 Upload 能力，ref 同样支持手动控制。 */
 interface UploadDraggerProps extends UploadProps {

package/dist/{core-KIaXZ4_O.d.cts → core-DtGYdU61.d.cts}

@@ -2027,6 +2027,8 @@ interface UploadProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue
     itemRender?: (node: ReactNode, file: UploadFile, fileList: readonly UploadFile[], actions: UploadItemActions) => ReactNode;
     /** 上传按钮内容，不应嵌套其他交互控件；外层负责点击和键盘操作。 */
     children?: ReactNode;
+    /** 点击或键盘激活上传入口时同步调用；返回 false 阻止打开系统文件选择器，可用于打开业务上传弹框。默认打开系统选择器。禁用或已达数量上限时不调用，不影响拖拽与粘贴。 */
+    onChoose?: () => boolean | void;
 }
 /** 拖拽区域继承全部 Upload 能力，ref 同样支持手动控制。 */
 interface UploadDraggerProps extends UploadProps {

package/dist/core.cjs

@@ -4562,6 +4562,7 @@ var UploadRoot = (0, import_react24.forwardRef)(function UploadRoot2({
   downloadRequest,
   itemRender,
   children,
+  onChoose,
   className = "",
   style,
   onDragOver,
@@ -4764,7 +4765,9 @@ var UploadRoot = (0, import_react24.forwardRef)(function UploadRoot2({
     event.preventDefault();
     ingest(selected.map((file) => ({ file, path: file.name })));
   }
-  const trigger = !(listType === "picture-card" && full) && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "sia-upload__trigger", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { className: "sia-upload__choose", "aria-label": compactCard ? directory ? "\u9009\u62E9\u6587\u4EF6\u5939" : "\u9009\u62E9\u6587\u4EF6" : void 0, disabled: disabled || full, onClick: () => inputRef.current?.click(), children: children ?? (listType === "picture-card" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+  const trigger = !(listType === "picture-card" && full) && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "sia-upload__trigger", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { className: "sia-upload__choose", "aria-label": compactCard ? directory ? "\u9009\u62E9\u6587\u4EF6\u5939" : "\u9009\u62E9\u6587\u4EF6" : void 0, disabled: disabled || full, onClick: () => {
+    if (!disabled && !full && onChoose?.() !== false) inputRef.current?.click();
+  }, children: children ?? (listType === "picture-card" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon, { name: "plus", size: 24 }),
     /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: "\u4E0A\u4F20\u56FE\u7247" })
   ] }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [

package/dist/core.css

@@ -2190,14 +2190,24 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   overflow: var(--sia-scroll-overflow, auto);
   padding: 10vh 16px 32px;
   color: var(--sia-color-text);
+  isolation: isolate;
+}
+.sia-modal-root::before {
+  content: "";
+  position: fixed;
+  inset: 0;
+  z-index: 0;
   background: rgb(0 0 0 / 45%);
-  animation: sia-modal-mask-in 200ms ease both;
+  animation: sia-modal-mask-in 220ms ease both;
+  will-change: opacity;
 }
 .sia-modal-root--centered {
   align-items: center;
   padding-block: 24px;
 }
 .sia-modal {
+  position: relative;
+  z-index: 1;
   width: min(var(--sia-modal-width), calc(100vw - 32px));
   overflow: hidden;
   background: var(--sia-color-surface);
@@ -2210,6 +2220,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 }
 .sia-modal-root[data-state=closing] {
   pointer-events: none;
+}
+.sia-modal-root[data-state=closing]::before {
   animation: sia-modal-mask-out 220ms ease both;
 }
 .sia-modal-root[data-state=closing] .sia-modal {
@@ -4401,12 +4413,18 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 }
 @keyframes sia-modal-mask-in {
   from {
-    background-color: rgb(0 0 0 / 0%);
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
   }
 }
 @keyframes sia-modal-mask-out {
+  from {
+    opacity: 1;
+  }
   to {
-    background-color: rgb(0 0 0 / 0%);
+    opacity: 0;
   }
 }
 @keyframes sia-modal-slide-in {
@@ -4554,7 +4572,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   .sia-button::after,
   .sia-icon--spin,
   .sia-icon--pulse,
-  .sia-modal-root,
+  .sia-modal-root::before,
   .sia-modal,
   .sia-drawer,
   .sia-drawer__mask,

package/dist/core.d.cts

@@ -1,4 +1,4 @@
-export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, T as TagStatus, aA as TagVariant, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, b1 as UploadProps, b5 as UploadRequestOptions, b9 as message } from './core-KIaXZ4_O.cjs';
+export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, T as TagStatus, aA as TagVariant, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, b1 as UploadProps, b5 as UploadRequestOptions, b9 as message } from './core-DtGYdU61.cjs';
 export { f as Button, B as ButtonProps, e as ButtonSize, g as ButtonVariant, h as Modal, d as ModalActionResult, M as ModalOpenConfig, i as ModalProps, j as ModalType, a as OverlayApiHandle, k as Select, S as SelectOption, c as SelectProps, m as SelectValue } from './Select-YJbT-MF1.cjs';
 import 'react';
 import './shared-Bx4B28Wh.cjs';

package/dist/core.d.ts

@@ -1,4 +1,4 @@
-export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, T as TagStatus, aA as TagVariant, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, b1 as UploadProps, b5 as UploadRequestOptions, b9 as message } from './core-murmERqF.js';
+export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, T as TagStatus, aA as TagVariant, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, b1 as UploadProps, b5 as UploadRequestOptions, b9 as message } from './core-DXJ4b0lT.js';
 export { f as Button, B as ButtonProps, e as ButtonSize, g as ButtonVariant, h as Modal, d as ModalActionResult, M as ModalOpenConfig, i as ModalProps, j as ModalType, a as OverlayApiHandle, k as Select, S as SelectOption, c as SelectProps, m as SelectValue } from './Select-CCrPqULn.js';
 import 'react';
 import './shared-Bx4B28Wh.js';

package/dist/core.js

@@ -10,7 +10,7 @@ import {
   Typography,
   Upload,
   message
-} from "./chunk-FJ3FP4YV.js";
+} from "./chunk-MFR2FYQA.js";
 import "./chunk-SMCYEPBL.js";
 import {
   Modal,