@sia.soul/sia-react-ui 0.1.60 → 0.1.63

package/dist/index.cjs

@@ -5112,6 +5112,7 @@ function Tour({ open = false, steps, current, defaultCurrent = 0, mask = true, c
 var import_react24 = require("react");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 function Card({
+  bordered = true,
   title,
   description,
   extra,
@@ -5163,7 +5164,7 @@ function Card({
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     "section",
     {
-      className: `sia-card${isCollapsed ? " sia-card--collapsed" : ""}${selectable ? " sia-card--selectable" : ""}${selectable && isSelected ? " sia-card--selected" : ""}${hoverActions ? " sia-card--hover-actions" : ""} ${className}`.trim(),
+      className: `sia-card${!bordered ? " sia-card--borderless" : ""}${isCollapsed ? " sia-card--collapsed" : ""}${selectable ? " sia-card--selectable" : ""}${selectable && isSelected ? " sia-card--selected" : ""}${hoverActions ? " sia-card--hover-actions" : ""} ${className}`.trim(),
       style: mergedStyle,
       role: selectable ? "checkbox" : void 0,
       "aria-checked": selectable ? isSelected : void 0,
@@ -8735,7 +8736,7 @@ function UploadItem({ file, files, props, actions }) {
   }
   (0, import_react37.useEffect)(() => setFailed(false), [source]);
   const node = /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: `sia-upload__item sia-upload__item--${file.status ?? "ready"}`, children: [
-    props.listType !== "text" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Button, { variant: "text", className: "sia-upload__thumbnail", "aria-label": `\u9884\u89C8\u7F29\u7565\u56FE ${file.name}`, onClick: actions.preview, disabled: !canPreview, children: source && !failed ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("img", { src: source, alt: file.name, onError: () => setFailed(true) }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon, { name: file.type?.startsWith("image/") ? "image" : "file", size: 28 }) }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon, { name: file.status === "done" ? "circle-check" : "file", size: 16 }),
+    props.listType !== "text" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Button, { variant: "text", className: "sia-upload__thumbnail", "aria-label": `\u9884\u89C8\u7F29\u7565\u56FE ${file.name}`, onClick: actions.preview, disabled: !canPreview, children: source && !failed ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("img", { src: source, alt: file.name, onError: () => setFailed(true) }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon, { name: file.type?.startsWith("image/") ? "image" : "file", size: 28 }) }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "sia-upload__file-icon", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon, { name: file.status === "done" ? "circle-check" : "file", size: 24 }) }),
     /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "sia-upload__name", ...withTitleTooltip({ title: file.relativePath || file.name }), children: file.url ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("a", { href: file.url, target: "_blank", rel: "noreferrer", children: file.name }) : file.name }),
     /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "sia-upload__actions", children: [
       /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Button, { variant: "text", title: "\u9884\u89C8", "aria-label": `\u9884\u89C8 ${file.name}`, disabled: !canPreview, onClick: actions.preview, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon, { name: "eye", size: 14 }) }),
@@ -8750,7 +8751,8 @@ function UploadItem({ file, files, props, actions }) {
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "sia-upload__progress", role: "progressbar", "aria-label": `${file.name} \u4E0A\u4F20\u8FDB\u5EA6`, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": file.percent ?? 0, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { style: { width: `${file.percent ?? 0}%` } }) })
     ] }),
-    file.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "sia-upload__error", children: "\u4E0A\u4F20\u5931\u8D25" })
+    file.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "sia-upload__error", children: "\u4E0A\u4F20\u5931\u8D25" }),
+    props.listType === "text" && (file.status === void 0 || file.status === "ready" || file.status === "done") && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "sia-upload__status", children: file.status === "done" ? "\u4E0A\u4F20\u5B8C\u6210" : "\u5DF2\u9009\u62E9" })
   ] });
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_jsx_runtime38.Fragment, { children: props.itemRender ? props.itemRender(node, file, files, actions) : node });
 }
@@ -9029,6 +9031,10 @@ var UploadRoot = (0, import_react37.forwardRef)(function UploadRoot2({
           }
         ),
         listType !== "picture-card" && trigger,
+        showUploadList && listType === "text" && files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "sia-upload__list-heading", role: "status", children: [
+          "\u5DF2\u9009\u6587\u4EF6 ",
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "sia-upload__count", children: files.length })
+        ] }),
         /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "sia-upload__list", children: [
           showUploadList && files.map((file) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(UploadItem, { file, files, props: { listType, disabled, itemRender, onPreview, downloadRequest, accept }, actions: {
             upload: () => start(file),
@@ -9067,7 +9073,7 @@ var UploadDragger = (0, import_react37.forwardRef)(function UploadDragger2({ hin
   ] }) });
 });
 var Upload = Object.assign(UploadRoot, {
-  /** 可点击、键盘操作和拖拽的上传区域，ref 支持手动上传、取消及移除。 */
+  /** 可点击、键盘操作和拖拽的上传区域，ref 支持手动上传、取消及移除；默认内容在文字或图片列表非空且可见时收紧高度，清空后恢复。 */
   Dragger: UploadDragger,
   /** beforeUpload 返回时移除该文件，不进行上传。 */
   LIST_IGNORE
@@ -23459,7 +23465,15 @@ function QueryForm({
   const snapshot = (0, import_react94.useRef)();
   const busy = disabled || loading || searching;
   const shortcutBusy = busy || shortcutsLoading || saving || removing;
-  const entries = fields ? fields.map(({ key, width, ...item }) => ({ key, width, content: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Form.Item, { noStyle: true, ...item }) })) : import_react94.Children.toArray(children).map((content, index) => ({ key: String(index), width: void 0, content }));
+  const entries = fields ? fields.map(({ key, width, ...item }) => ({
+    key,
+    width,
+    content: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Form.Item, { noStyle: true, ...item })
+  })) : import_react94.Children.toArray(children).map((content, index) => ({
+    key: String(index),
+    width: void 0,
+    content
+  }));
   const limit = Math.max(1, Math.floor(collapsedCount));
   const rowRef = (0, import_react94.useRef)(null);
   const actionsRef = (0, import_react94.useRef)(null);
@@ -23472,7 +23486,9 @@ function QueryForm({
     function measure() {
       if (!row || !actions) return;
       const gap = parseFloat(getComputedStyle(row).columnGap) || 0;
-      const allFields = Array.from(row.querySelectorAll(":scope > .sia-query-form__field"));
+      const allFields = Array.from(
+        row.querySelectorAll(":scope > .sia-query-form__field")
+      );
       const hiddenFields = allFields.filter((field) => field.hidden);
       const wasCollapsed = row.classList.contains("is-collapsed");
       const toggle = toggleRef.current;
@@ -23482,8 +23498,13 @@ function QueryForm({
         field.hidden = false;
       });
       if (toggle) toggle.hidden = true;
-      const requiredWidth = allFields.reduce((total, field) => total + field.getBoundingClientRect().width + gap, actions.getBoundingClientRect().width);
-      setNeedsCollapse(allFields.length > 0 && requiredWidth > row.clientWidth + 0.5);
+      const requiredWidth = allFields.reduce(
+        (total, field) => total + field.getBoundingClientRect().width + gap,
+        actions.getBoundingClientRect().width
+      );
+      setNeedsCollapse(
+        allFields.length > 0 && requiredWidth > row.clientWidth + 0.5
+      );
       if (toggle) toggle.hidden = Boolean(toggleHidden);
       hiddenFields.forEach((field) => {
         field.hidden = true;
@@ -23492,7 +23513,9 @@ function QueryForm({
       if (!collapsed) return;
       let remaining = row.clientWidth - actions.getBoundingClientRect().width;
       let count = 0;
-      for (const field of Array.from(row.querySelectorAll(":scope > .sia-query-form__field")).slice(0, limit)) {
+      for (const field of Array.from(
+        row.querySelectorAll(":scope > .sia-query-form__field")
+      ).slice(0, limit)) {
         const width = parseFloat(getComputedStyle(field).width) || 220;
         if (remaining + 0.5 < width + gap) break;
         remaining -= width + gap;
@@ -23506,7 +23529,20 @@ function QueryForm({
     observer.observe(actions);
     row.querySelectorAll(":scope > .sia-query-form__field").forEach((field) => observer.observe(field));
     return () => observer.disconnect();
-  }, [collapsed, needsCollapse, collapsible, limit, fieldWidth, fields, children, actionsExtra, onSaveQuery, searchText, resetText, saveText]);
+  }, [
+    collapsed,
+    needsCollapse,
+    collapsible,
+    limit,
+    fieldWidth,
+    fields,
+    children,
+    actionsExtra,
+    onSaveQuery,
+    searchText,
+    resetText,
+    saveText
+  ]);
   async function search(values) {
     const info = source.current;
     source.current = { source: "submit" };
@@ -23557,7 +23593,9 @@ function QueryForm({
       await onSaveQuery({ name, values: snapshot.current });
       setSaveOpen(false);
     } catch (reason) {
-      setSaveError(reason instanceof Error ? reason.message : "\u4FDD\u5B58\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
+      setSaveError(
+        reason instanceof Error ? reason.message : "\u4FDD\u5B58\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5"
+      );
       onError?.(reason, "save");
       return false;
     } finally {
@@ -23602,58 +23640,98 @@ function QueryForm({
         },
         children: [
           quickQueries.length ? /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "sia-query-form__quick", "aria-label": "\u9884\u8BBE\u5FEB\u6377\u67E5\u8BE2", children: [
-            quickQueries.map((query) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Badge, { className: "sia-query-form__quick-badge", showZero: true, size: "small", title: query.count === void 0 ? void 0 : `\u5171 ${query.count} \u6761`, ...query.badgeProps, count: query.count, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
-              Button,
+            quickQueries.map((query) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+              Badge,
               {
-                size: query.size ?? quickQuerySize,
-                "aria-pressed": activeShortcut === `quick:${query.key}`,
-                variant: activeShortcut === `quick:${query.key}` ? "primary" : "default",
-                disabled: shortcutBusy || query.disabled,
-                onClick: () => applyShortcut(query, "quick"),
-                children: query.label
-              }
-            ) }, query.key)),
+                className: "sia-query-form__quick-badge",
+                showZero: true,
+                size: "small",
+                title: query.count === void 0 ? void 0 : `\u5171 ${query.count} \u6761`,
+                ...query.badgeProps,
+                count: query.count,
+                children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+                  Button,
+                  {
+                    size: query.size ?? quickQuerySize,
+                    "aria-pressed": activeShortcut === `quick:${query.key}`,
+                    variant: activeShortcut === `quick:${query.key}` ? "primary" : "default",
+                    disabled: shortcutBusy || query.disabled,
+                    onClick: () => applyShortcut(query, "quick"),
+                    children: query.label
+                  }
+                )
+              },
+              query.key
+            )),
             " "
           ] }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { ref: rowRef, className: `sia-query-form__fields${collapsed ? " is-collapsed" : ""}`, style: { "--sia-query-field-width": typeof fieldWidth === "number" ? `${fieldWidth}px` : fieldWidth }, children: [
-            entries.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
-              "div",
-              {
-                className: "sia-query-form__field",
-                hidden: collapsed && index >= Math.min(limit, fittingCount),
-                style: entry.width !== void 0 ? { "--sia-query-item-width": typeof entry.width === "number" ? `${entry.width}px` : entry.width } : void 0,
-                children: entry.content
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+            "div",
+            {
+              ref: rowRef,
+              className: `sia-query-form__fields${collapsed ? " is-collapsed" : ""}`,
+              style: {
+                "--sia-query-field-width": typeof fieldWidth === "number" ? `${fieldWidth}px` : fieldWidth
               },
-              entry.key
-            )),
-            /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { ref: actionsRef, className: "sia-query-form__actions", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(Space.Compact, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { type: "submit", variant: "primary", loading: loading || searching, disabled, children: searchText }),
-                /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { disabled: busy, onClick: reset, children: resetText }),
-                onSaveQuery ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { disabled: shortcutBusy, onClick: () => {
-                  snapshot.current = form.getFieldsValue();
-                  setSaveName("");
-                  setSaveError("");
-                  setSaveOpen(true);
-                }, children: saveText }) : null
-              ] }),
-              collapsible && entries.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { ref: toggleRef, hidden: !needsCollapse, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
-                Button,
-                {
-                  variant: "link",
-                  "aria-expanded": !collapsed,
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Icon, { name: collapsed ? "chevron-down" : "chevron-up" }),
-                  iconPosition: "end",
-                  onClick: () => {
-                    setInternalCollapsed(!collapsed);
-                    onCollapsedChange?.(!collapsed);
+              children: [
+                entries.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+                  "div",
+                  {
+                    className: "sia-query-form__field",
+                    hidden: collapsed && index >= Math.min(limit, fittingCount),
+                    style: entry.width !== void 0 ? {
+                      "--sia-query-item-width": typeof entry.width === "number" ? `${entry.width}px` : entry.width
+                    } : void 0,
+                    children: entry.content
                   },
-                  children: collapsed ? "\u5C55\u5F00" : "\u6536\u8D77"
-                }
-              ) }) : null,
-              actionsExtra
-            ] })
-          ] }),
+                  entry.key
+                )),
+                /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { ref: actionsRef, className: "sia-query-form__actions", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(Space.Compact, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+                      Button,
+                      {
+                        type: "submit",
+                        variant: "primary",
+                        loading: loading || searching,
+                        disabled,
+                        children: searchText
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { disabled: busy, onClick: reset, children: resetText }),
+                    onSaveQuery ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+                      Button,
+                      {
+                        disabled: shortcutBusy,
+                        onClick: () => {
+                          snapshot.current = form.getFieldsValue();
+                          setSaveName("");
+                          setSaveError("");
+                          setSaveOpen(true);
+                        },
+                        children: saveText
+                      }
+                    ) : null
+                  ] }),
+                  collapsible && entries.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { ref: toggleRef, hidden: !needsCollapse, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+                    Button,
+                    {
+                      variant: "link",
+                      "aria-expanded": !collapsed,
+                      icon: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Icon, { name: collapsed ? "chevron-down" : "chevron-up" }),
+                      iconPosition: "end",
+                      onClick: () => {
+                        setInternalCollapsed(!collapsed);
+                        onCollapsedChange?.(!collapsed);
+                      },
+                      children: collapsed ? "\u5C55\u5F00" : "\u6536\u8D77"
+                    }
+                  ) }) : null,
+                  actionsExtra
+                ] })
+              ]
+            }
+          ),
           savedQueries.length && !collapsed ? /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "sia-query-form__saved", "aria-label": "\u5DF2\u4FDD\u5B58\u5FEB\u6377\u67E5\u8BE2", children: [
             savedQueries.map((query, index) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
               Tag,
@@ -23685,30 +23763,41 @@ function QueryForm({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(Modal2, { open: saveOpen, title: "\u53E6\u5B58\u4E3A\u5FEB\u6377\u67E5\u8BE2", width: 420, confirmLoading: saving, onOk: save, onOpenChange: (next) => {
-      if (!saveLock.current) setSaveOpen(next);
-    }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
-        Input,
-        {
-          autoFocus: true,
-          "aria-label": "\u5FEB\u6377\u67E5\u8BE2\u540D\u79F0",
-          placeholder: "\u5FEB\u6377\u67E5\u8BE2\u540D\u79F0",
-          value: saveName,
-          maxLength: 80,
-          disabled: saving,
-          status: saveError ? "error" : "default",
-          onChange: (event) => setSaveName(event.target.value),
-          onKeyDown: (event) => {
-            if (event.key === "Enter") {
-              event.preventDefault();
-              void save();
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+      Modal2,
+      {
+        open: saveOpen,
+        title: "\u53E6\u5B58\u4E3A\u5FEB\u6377\u67E5\u8BE2",
+        width: 420,
+        confirmLoading: saving,
+        onOk: save,
+        onOpenChange: (next) => {
+          if (!saveLock.current) setSaveOpen(next);
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+            Input,
+            {
+              autoFocus: true,
+              "aria-label": "\u5FEB\u6377\u67E5\u8BE2\u540D\u79F0",
+              placeholder: "\u5FEB\u6377\u67E5\u8BE2\u540D\u79F0",
+              value: saveName,
+              maxLength: 80,
+              disabled: saving,
+              status: saveError ? "error" : "default",
+              onChange: (event) => setSaveName(event.target.value),
+              onKeyDown: (event) => {
+                if (event.key === "Enter") {
+                  event.preventDefault();
+                  void save();
+                }
+              }
             }
-          }
-        }
-      ),
-      saveError ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "sia-query-form__error", role: "alert", children: saveError }) : null
-    ] })
+          ),
+          saveError ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "sia-query-form__error", role: "alert", children: saveError }) : null
+        ]
+      }
+    )
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.css

@@ -2593,6 +2593,18 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   border-color: var(--sia-color-primary);
   box-shadow: inset 0 0 0 1px var(--sia-color-primary);
 }
+.sia-card.sia-card--borderless {
+  border: 0;
+  box-shadow: none;
+}
+.sia-card--borderless > .sia-card__header {
+  margin-inline: 0;
+}
+.sia-card--borderless > .sia-card__description,
+.sia-card--borderless > .sia-card__body,
+.sia-card--borderless > .sia-card__hover-actions {
+  padding: 0;
+}
 .sia-card--selectable:focus-visible {
   outline: 2px solid var(--sia-color-primary);
   outline-offset: 2px;
@@ -5009,7 +5021,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
-  gap: var(--sia-query-field-gap, 6px);
+  gap: var(--sia-query-field-gap, 8px);
   padding-top: 8px;
 }
 .sia-query-form__field {
@@ -5020,10 +5032,10 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   max-width: 100%;
 }
 .sia-query-form__field:has(.sia-picker-range-control, .sia-time-range, .sia-select-date-range, .sia-space-compact:not(.sia-space-compact--vertical) > :nth-child(2)) {
-  --sia-query-item-width: calc(var(--sia-query-field-width, 220px) + var(--sia-query-field-width, 220px) + var(--sia-query-field-gap, 6px));
+  --sia-query-item-width: calc(var(--sia-query-field-width, 220px) + var(--sia-query-field-width, 220px) + var(--sia-query-field-gap, 8px));
 }
 .sia-query-form .sia-query-form__fields > .sia-query-form__field:has(.sia-select-date-range) {
-  --sia-query-item-width: calc(var(--sia-query-field-width, 220px) * 3 + var(--sia-query-field-gap, 6px) * 2);
+  --sia-query-item-width: calc(var(--sia-query-field-width, 220px) * 3 + var(--sia-query-field-gap, 8px) * 2);
 }
 .sia-query-form__field :is(.sia-picker-range-control, .sia-time-range, .sia-select-date-range, .sia-space-compact:not(.sia-space-compact--vertical)) {
   width: 100%;
@@ -6642,7 +6654,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   box-sizing: border-box;
   display: inline-flex;
   align-items: stretch;
-  width: min(calc(var(--sia-query-field-width, 220px) * 3 + var(--sia-query-field-gap, 6px) * 2), 100%);
+  width: min(calc(var(--sia-query-field-width, 220px) * 3 + var(--sia-query-field-gap, 8px) * 2), 100%);
   min-width: 0;
   vertical-align: middle;
 }
@@ -7336,6 +7348,91 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-upload__item--error .sia-upload__remove {
   color: var(--sia-color-error);
 }
+.sia-upload__list-heading {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 4px;
+  font-size: 14px;
+  font-weight: 600;
+}
+.sia-upload__count {
+  display: inline-grid;
+  place-items: center;
+  min-width: 24px;
+  height: 24px;
+  padding: 0 6px;
+  box-sizing: border-box;
+  color: var(--sia-color-primary-text);
+  background: var(--sia-color-control-hover);
+  border-radius: 12px;
+  font-size: 12px;
+}
+.sia-upload--text .sia-upload__list {
+  gap: 8px;
+}
+.sia-upload--text .sia-upload__item {
+  box-sizing: border-box;
+  min-height: 72px;
+  padding: 12px;
+  column-gap: 12px;
+  row-gap: 4px;
+  border: 1px solid var(--sia-color-border);
+  border-radius: 8px;
+  background: var(--sia-color-control-hover);
+}
+.sia-upload--text .sia-upload__name {
+  font-size: 14px;
+  font-weight: 500;
+}
+.sia-upload__file-icon {
+  display: grid;
+  place-items: center;
+  grid-column: 1;
+  grid-row: 1 / 3;
+  width: 40px;
+  height: 40px;
+  color: var(--sia-color-primary-text);
+  background: var(--sia-color-surface);
+  border-radius: 8px;
+}
+.sia-upload__status {
+  grid-column: 2;
+  font-size: 12px;
+  color: var(--sia-color-text-secondary);
+}
+.sia-upload--text .sia-upload__actions {
+  grid-row: 1 / 3;
+  gap: 4px;
+}
+.sia-upload--text .sia-upload__actions > .sia-button {
+  width: 30px;
+  height: 30px;
+}
+.sia-upload--text .sia-upload__uploading,
+.sia-upload--text .sia-upload__error {
+  grid-column: 2;
+}
+.sia-upload--text .sia-upload__item--done .sia-upload__file-icon,
+.sia-upload--text .sia-upload__item--done .sia-upload__status {
+  color: var(--sia-color-success);
+}
+.sia-upload--text .sia-upload__item--error {
+  border-color: var(--sia-color-error);
+}
+.sia-upload--text .sia-upload__item--error .sia-upload__file-icon {
+  color: var(--sia-color-error);
+}
+@media (max-width: 480px) {
+  .sia-upload--text .sia-upload__item {
+    grid-template-columns: auto minmax(0, 1fr);
+  }
+  .sia-upload--text .sia-upload__actions {
+    grid-column: 2;
+    grid-row: 3;
+    justify-self: end;
+  }
+}
 .sia-upload__thumbnail.sia-button {
   display: grid;
   place-items: center;
@@ -7502,6 +7599,16 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-upload-dragger__content > .sia-icon {
   color: var(--sia-color-primary);
 }
+.sia-upload-dragger:not(.sia-upload--picture-card):has(.sia-upload__list:not(:empty)) .sia-upload-dragger__content {
+  min-height: 104px;
+  padding: 16px;
+  gap: 6px;
+}
+.sia-upload-dragger:not(.sia-upload--picture-card):has(.sia-upload__list:not(:empty)) .sia-upload-dragger__content > .sia-icon {
+  width: 24px;
+  height: 24px;
+  font-size: 24px;
+}
 .sia-upload.is-dragging .sia-upload__choose {
   outline: 2px solid var(--sia-color-primary);
   outline-offset: 2px;

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { T as TagStatus, B as BadgeProps } from './core-MTKdBVk3.cjs';
-export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, aA as TagVariant, aB as Timeline, aC as TimelineItem, aD as TimelineProps, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aH as Tooltip, aI as TooltipProps, aJ as Tour, aK as TourProps, aL as TourStep, aM as Tree, aN as TreeDropPosition, aO as TreeKey, aP as TreeNode, aQ as TreeProps, 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, a$ as UploadHttpRequest, b0 as UploadItemActions, b1 as UploadProps, b2 as UploadRef, b3 as UploadRejectInfo, b4 as UploadRequestHandle, b5 as UploadRequestOptions, b6 as Watermark, b7 as WatermarkFont, b8 as WatermarkProps, b9 as message, ba as notification } from './core-MTKdBVk3.cjs';
+import { T as TagStatus, B as BadgeProps } from './core-C4ayGoM8.cjs';
+export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, aA as TagVariant, aB as Timeline, aC as TimelineItem, aD as TimelineProps, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aH as Tooltip, aI as TooltipProps, aJ as Tour, aK as TourProps, aL as TourStep, aM as Tree, aN as TreeDropPosition, aO as TreeKey, aP as TreeNode, aQ as TreeProps, 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, a$ as UploadHttpRequest, b0 as UploadItemActions, b1 as UploadProps, b2 as UploadRef, b3 as UploadRejectInfo, b4 as UploadRequestHandle, b5 as UploadRequestOptions, b6 as Watermark, b7 as WatermarkFont, b8 as WatermarkProps, b9 as message, ba as notification } from './core-C4ayGoM8.cjs';
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, CSSProperties, ElementType, FormHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, MouseEvent, Key, PointerEvent, Ref, ReactElement, ButtonHTMLAttributes, RefObject } from 'react';
 import { C as ControlSize, I as InputPlaceholderMode, a as ControlStatus } from './shared-Bx4B28Wh.cjs';
@@ -3113,7 +3113,7 @@ interface QueryFormProps<T extends FormValues = FormValues> extends Omit<FormPro
      */
     loading?: boolean;
     /**
-     * 单列查询字段的默认宽度，数值单位为像素，可传 CSS 尺寸字符串。区间及横向组合控件默认占两列，SelectDateRange 占三列，均包含跨列间距；行列间距可通过 --sia-query-field-gap 调整（默认 6px）。
+     * 单列查询字段的默认宽度，数值单位为像素，可传 CSS 尺寸字符串。区间及横向组合控件默认占两列，SelectDateRange 占三列，均包含跨列间距；行列间距可通过 --sia-query-field-gap 调整（默认 8px）。
      * @defaultValue 220
      */
     fieldWidth?: number | string;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { T as TagStatus, B as BadgeProps } from './core-BrQetGru.js';
-export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, aA as TagVariant, aB as Timeline, aC as TimelineItem, aD as TimelineProps, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aH as Tooltip, aI as TooltipProps, aJ as Tour, aK as TourProps, aL as TourStep, aM as Tree, aN as TreeDropPosition, aO as TreeKey, aP as TreeNode, aQ as TreeProps, 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, a$ as UploadHttpRequest, b0 as UploadItemActions, b1 as UploadProps, b2 as UploadRef, b3 as UploadRejectInfo, b4 as UploadRequestHandle, b5 as UploadRequestOptions, b6 as Watermark, b7 as WatermarkFont, b8 as WatermarkProps, b9 as message, ba as notification } from './core-BrQetGru.js';
+import { T as TagStatus, B as BadgeProps } from './core-BemUqBUF.js';
+export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, aA as TagVariant, aB as Timeline, aC as TimelineItem, aD as TimelineProps, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aH as Tooltip, aI as TooltipProps, aJ as Tour, aK as TourProps, aL as TourStep, aM as Tree, aN as TreeDropPosition, aO as TreeKey, aP as TreeNode, aQ as TreeProps, 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, a$ as UploadHttpRequest, b0 as UploadItemActions, b1 as UploadProps, b2 as UploadRef, b3 as UploadRejectInfo, b4 as UploadRequestHandle, b5 as UploadRequestOptions, b6 as Watermark, b7 as WatermarkFont, b8 as WatermarkProps, b9 as message, ba as notification } from './core-BemUqBUF.js';
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, CSSProperties, ElementType, FormHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, MouseEvent, Key, PointerEvent, Ref, ReactElement, ButtonHTMLAttributes, RefObject } from 'react';
 import { C as ControlSize, I as InputPlaceholderMode, a as ControlStatus } from './shared-Bx4B28Wh.js';
@@ -3113,7 +3113,7 @@ interface QueryFormProps<T extends FormValues = FormValues> extends Omit<FormPro
      */
     loading?: boolean;
     /**
-     * 单列查询字段的默认宽度，数值单位为像素，可传 CSS 尺寸字符串。区间及横向组合控件默认占两列，SelectDateRange 占三列，均包含跨列间距；行列间距可通过 --sia-query-field-gap 调整（默认 6px）。
+     * 单列查询字段的默认宽度，数值单位为像素，可传 CSS 尺寸字符串。区间及横向组合控件默认占两列，SelectDateRange 占三列，均包含跨列间距；行列间距可通过 --sia-query-field-gap 调整（默认 8px）。
      * @defaultValue 220
      */
     fieldWidth?: number | string;