@sia.soul/sia-react-ui 0.1.69 → 0.1.71

package/dist/index.cjs

@@ -23539,7 +23539,7 @@ function QueryForm({
   collapsible = true,
   collapsed: controlledCollapsed,
   defaultCollapsed = false,
-  collapsedCount = 3,
+  collapsedCount = Infinity,
   onCollapsedChange,
   quickQueries = [],
   quickQuerySize = "small",
@@ -23620,17 +23620,15 @@ function QueryForm({
         allFields.length > 0 && requiredWidth > row.clientWidth + 0.5
       );
       if (toggle) toggle.hidden = Boolean(toggleHidden);
+      row.classList.toggle("is-collapsed", wasCollapsed);
+      const widths = collapsed ? allFields.slice(0, limit).map((field) => field.getBoundingClientRect().width) : [];
+      let remaining = row.clientWidth - actions.getBoundingClientRect().width;
       hiddenFields.forEach((field) => {
         field.hidden = true;
       });
-      row.classList.toggle("is-collapsed", wasCollapsed);
       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)) {
-        const width = parseFloat(getComputedStyle(field).width) || 220;
+      for (const width of widths) {
         if (remaining + 0.5 < width + gap) break;
         remaining -= width + gap;
         count++;
@@ -23846,7 +23844,7 @@ function QueryForm({
               ]
             }
           ),
-          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.length ? /* @__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,
               {

package/dist/index.d.cts

@@ -3126,7 +3126,7 @@ interface QueryFormProps<T extends FormValues = FormValues> extends Omit<FormPro
      * @defaultValue true
      */
     collapsible?: boolean;
-    /** 受控收起状态，需在 onCollapsedChange 中更新；全部字段能单行显示时不执行收起。收起时保留字段挂载和值，只隐藏放不下的字段和底部快捷标签。 */
+    /** 受控收起状态，需在 onCollapsedChange 中更新；全部字段能单行显示时不执行收起。收起时保留字段挂载和值，只隐藏放不下的字段，底部快捷标签始终保留。 */
     collapsed?: boolean;
     /**
      * 非受控模式的初始收起状态；默认展开全部查询条件，即使条件超过一行也不自动收起。显式传 true 时才初始收起。
@@ -3134,8 +3134,8 @@ interface QueryFormProps<T extends FormValues = FormValues> extends Omit<FormPro
      */
     defaultCollapsed?: boolean;
     /**
-     * 需要折叠时最多保留的字段数；实际数量会根据可用宽度减少，以保持单行。全部字段能单行显示时不限制字段数。
-     * @defaultValue 3
+     * 收起时最多保留的字段数；默认按可用宽度自动填满一行，并预留操作区宽度。显式指定时作为数量上限，空间不足会进一步减少；全部字段能单行显示时不限制字段数。
+     * @defaultValue Infinity
      */
     collapsedCount?: number;
     /** 收起状态变化回调 */
@@ -3151,7 +3151,7 @@ interface QueryFormProps<T extends FormValues = FormValues> extends Omit<FormPro
      */
     quickQuerySize?: ButtonSize;
     /**
-     * 底部已保存快捷查询标签。点击回填该项条件并查询；收起时隐藏。业务方负责加载数据，并在保存或删除成功后更新此数组。
+     * 底部已保存快捷查询标签。点击回填该项条件并查询；收起时仍可使用。业务方负责加载数据，并在保存或删除成功后更新此数组。
      * @defaultValue []
      */
     savedQueries?: readonly QueryFormShortcut<T>[];

package/dist/index.d.ts

@@ -3126,7 +3126,7 @@ interface QueryFormProps<T extends FormValues = FormValues> extends Omit<FormPro
      * @defaultValue true
      */
     collapsible?: boolean;
-    /** 受控收起状态，需在 onCollapsedChange 中更新；全部字段能单行显示时不执行收起。收起时保留字段挂载和值，只隐藏放不下的字段和底部快捷标签。 */
+    /** 受控收起状态，需在 onCollapsedChange 中更新；全部字段能单行显示时不执行收起。收起时保留字段挂载和值，只隐藏放不下的字段，底部快捷标签始终保留。 */
     collapsed?: boolean;
     /**
      * 非受控模式的初始收起状态；默认展开全部查询条件，即使条件超过一行也不自动收起。显式传 true 时才初始收起。
@@ -3134,8 +3134,8 @@ interface QueryFormProps<T extends FormValues = FormValues> extends Omit<FormPro
      */
     defaultCollapsed?: boolean;
     /**
-     * 需要折叠时最多保留的字段数；实际数量会根据可用宽度减少，以保持单行。全部字段能单行显示时不限制字段数。
-     * @defaultValue 3
+     * 收起时最多保留的字段数；默认按可用宽度自动填满一行，并预留操作区宽度。显式指定时作为数量上限，空间不足会进一步减少；全部字段能单行显示时不限制字段数。
+     * @defaultValue Infinity
      */
     collapsedCount?: number;
     /** 收起状态变化回调 */
@@ -3151,7 +3151,7 @@ interface QueryFormProps<T extends FormValues = FormValues> extends Omit<FormPro
      */
     quickQuerySize?: ButtonSize;
     /**
-     * 底部已保存快捷查询标签。点击回填该项条件并查询；收起时隐藏。业务方负责加载数据，并在保存或删除成功后更新此数组。
+     * 底部已保存快捷查询标签。点击回填该项条件并查询；收起时仍可使用。业务方负责加载数据，并在保存或删除成功后更新此数组。
      * @defaultValue []
      */
     savedQueries?: readonly QueryFormShortcut<T>[];

package/dist/index.js

@@ -8583,7 +8583,7 @@ function QueryForm({
   collapsible = true,
   collapsed: controlledCollapsed,
   defaultCollapsed = false,
-  collapsedCount = 3,
+  collapsedCount = Infinity,
   onCollapsedChange,
   quickQueries = [],
   quickQuerySize = "small",
@@ -8664,17 +8664,15 @@ function QueryForm({
         allFields.length > 0 && requiredWidth > row.clientWidth + 0.5
       );
       if (toggle) toggle.hidden = Boolean(toggleHidden);
+      row.classList.toggle("is-collapsed", wasCollapsed);
+      const widths = collapsed ? allFields.slice(0, limit).map((field) => field.getBoundingClientRect().width) : [];
+      let remaining = row.clientWidth - actions.getBoundingClientRect().width;
       hiddenFields.forEach((field) => {
         field.hidden = true;
       });
-      row.classList.toggle("is-collapsed", wasCollapsed);
       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)) {
-        const width = parseFloat(getComputedStyle(field).width) || 220;
+      for (const width of widths) {
         if (remaining + 0.5 < width + gap) break;
         remaining -= width + gap;
         count++;
@@ -8890,7 +8888,7 @@ function QueryForm({
               ]
             }
           ),
-          savedQueries.length && !collapsed ? /* @__PURE__ */ jsxs24("div", { className: "sia-query-form__saved", "aria-label": "\u5DF2\u4FDD\u5B58\u5FEB\u6377\u67E5\u8BE2", children: [
+          savedQueries.length ? /* @__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,
               {

package/package.json

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