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

package/dist/index.js

@@ -80,7 +80,7 @@ import {
   Watermark,
   message,
   notification
-} from "./chunk-QJH7H3CB.js";
+} from "./chunk-NV4QPQSP.js";
 import {
   TextArea
 } from "./chunk-SMCYEPBL.js";
@@ -8615,7 +8615,15 @@ function QueryForm({
   const snapshot = useRef18();
   const busy = disabled || loading || searching;
   const shortcutBusy = busy || shortcutsLoading || saving || removing;
-  const entries = fields ? fields.map(({ key, width, ...item }) => ({ key, width, content: /* @__PURE__ */ jsx26(Form.Item, { noStyle: true, ...item }) })) : Children4.toArray(children).map((content, index) => ({ key: String(index), width: void 0, content }));
+  const entries = fields ? fields.map(({ key, width, ...item }) => ({
+    key,
+    width,
+    content: /* @__PURE__ */ jsx26(Form.Item, { noStyle: true, ...item })
+  })) : Children4.toArray(children).map((content, index) => ({
+    key: String(index),
+    width: void 0,
+    content
+  }));
   const limit = Math.max(1, Math.floor(collapsedCount));
   const rowRef = useRef18(null);
   const actionsRef = useRef18(null);
@@ -8628,7 +8636,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;
@@ -8638,8 +8648,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;
@@ -8648,7 +8663,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;
@@ -8662,7 +8679,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" };
@@ -8713,7 +8743,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 {
@@ -8758,58 +8790,98 @@ function QueryForm({
         },
         children: [
           quickQueries.length ? /* @__PURE__ */ jsxs24("div", { className: "sia-query-form__quick", "aria-label": "\u9884\u8BBE\u5FEB\u6377\u67E5\u8BE2", children: [
-            quickQueries.map((query) => /* @__PURE__ */ jsx26(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__ */ jsx26(
-              Button,
+            quickQueries.map((query) => /* @__PURE__ */ jsx26(
+              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__ */ jsx26(
+                  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__ */ jsxs24("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__ */ jsx26(
-              "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__ */ jsxs24(
+            "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__ */ jsxs24("div", { ref: actionsRef, className: "sia-query-form__actions", children: [
-              /* @__PURE__ */ jsxs24(Space.Compact, { children: [
-                /* @__PURE__ */ jsx26(Button, { type: "submit", variant: "primary", loading: loading || searching, disabled, children: searchText }),
-                /* @__PURE__ */ jsx26(Button, { disabled: busy, onClick: reset, children: resetText }),
-                onSaveQuery ? /* @__PURE__ */ jsx26(Button, { disabled: shortcutBusy, onClick: () => {
-                  snapshot.current = form.getFieldsValue();
-                  setSaveName("");
-                  setSaveError("");
-                  setSaveOpen(true);
-                }, children: saveText }) : null
-              ] }),
-              collapsible && entries.length > 0 ? /* @__PURE__ */ jsx26("span", { ref: toggleRef, hidden: !needsCollapse, children: /* @__PURE__ */ jsx26(
-                Button,
-                {
-                  variant: "link",
-                  "aria-expanded": !collapsed,
-                  icon: /* @__PURE__ */ jsx26(Icon, { name: collapsed ? "chevron-down" : "chevron-up" }),
-                  iconPosition: "end",
-                  onClick: () => {
-                    setInternalCollapsed(!collapsed);
-                    onCollapsedChange?.(!collapsed);
+              children: [
+                entries.map((entry, index) => /* @__PURE__ */ jsx26(
+                  "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__ */ jsxs24("div", { ref: actionsRef, className: "sia-query-form__actions", children: [
+                  /* @__PURE__ */ jsxs24(Space.Compact, { children: [
+                    /* @__PURE__ */ jsx26(
+                      Button,
+                      {
+                        type: "submit",
+                        variant: "primary",
+                        loading: loading || searching,
+                        disabled,
+                        children: searchText
+                      }
+                    ),
+                    /* @__PURE__ */ jsx26(Button, { disabled: busy, onClick: reset, children: resetText }),
+                    onSaveQuery ? /* @__PURE__ */ jsx26(
+                      Button,
+                      {
+                        disabled: shortcutBusy,
+                        onClick: () => {
+                          snapshot.current = form.getFieldsValue();
+                          setSaveName("");
+                          setSaveError("");
+                          setSaveOpen(true);
+                        },
+                        children: saveText
+                      }
+                    ) : null
+                  ] }),
+                  collapsible && entries.length > 0 ? /* @__PURE__ */ jsx26("span", { ref: toggleRef, hidden: !needsCollapse, children: /* @__PURE__ */ jsx26(
+                    Button,
+                    {
+                      variant: "link",
+                      "aria-expanded": !collapsed,
+                      icon: /* @__PURE__ */ jsx26(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__ */ jsxs24("div", { className: "sia-query-form__saved", "aria-label": "\u5DF2\u4FDD\u5B58\u5FEB\u6377\u67E5\u8BE2", children: [
             savedQueries.map((query, index) => /* @__PURE__ */ jsx26(
               Tag,
@@ -8841,30 +8913,41 @@ function QueryForm({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs24(Modal, { 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__ */ jsx26(
-        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__ */ jsxs24(
+      Modal,
+      {
+        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__ */ jsx26(
+            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__ */ jsx26("p", { className: "sia-query-form__error", role: "alert", children: saveError }) : null
-    ] })
+          ),
+          saveError ? /* @__PURE__ */ jsx26("p", { className: "sia-query-form__error", role: "alert", children: saveError }) : null
+        ]
+      }
+    )
   ] });
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sia.soul/sia-react-ui",
-  "version": "0.1.60",
+  "version": "0.1.63",
   "description": "Sia Design components and tokens for React",
   "publishConfig": {
     "access": "public",