rj-grid 0.2.1 → 0.2.3

package/dist/rj-grid.js

@@ -204,21 +204,6 @@ function parseNumericInput(raw) {
   const n = Number(s);
   return isFinite(n) ? sign * n : null;
 }
-function rankOptions(options, query) {
-  const q = (query || "").trim().toLowerCase();
-  if (!q)
-    return options;
-  const starts = [];
-  const contains = [];
-  for (const o of options) {
-    const label = String(o.label ?? o.value ?? "").toLowerCase();
-    if (label.startsWith(q))
-      starts.push(o);
-    else if (label.includes(q))
-      contains.push(o);
-  }
-  return [...starts, ...contains];
-}
 let zhCollator;
 function getZhCollator() {
   if (zhCollator !== void 0)
@@ -579,6 +564,9 @@ function useColumnState(sourceColumns) {
       widthMap.set(colIdOf(c), clampWidth(Math.round(cur[i] * factor), c));
     });
   }
+  function clearWidths() {
+    widthMap.clear();
+  }
   function moveColumn(dragId, targetId) {
     if (dragId === targetId)
       return;
@@ -652,6 +640,7 @@ function useColumnState(sourceColumns) {
     setAutoWidth,
     hasSizedWidth,
     sizeToFit,
+    clearWidths,
     moveColumn,
     togglePin,
     toggleHide,
@@ -785,7 +774,8 @@ function withCarrierOptions(fields, carrier) {
     return {
       ...f,
       kind: "select",
-      options: hit.list.map((o) => ({ label: o.label, value: o.value }))
+      // 直接透传载体列表（可能为树，带 children），供查询栏下拉按层级渲染 + 搜索
+      options: hit.list
     };
   });
 }
@@ -4072,6 +4062,7 @@ const zhCN = {
   expServerNoPdf: "后端导出不含 PDF（浏览器打印属前端渲染），已改用前端范围",
   expServerMissing: "未接入后端导出：请设置 serverExport 回调",
   expFailed: "导出失败",
+  printCap: "数据量较大：仅打印前 {n} 行（共 {total} 行）。请缩小范围或走后端导出获取全量",
   resetState: "重置列状态",
   groupBanner: "⬇ 将列标题拖到此处进行行分组（或点面板“分组”页签）",
   // 加载 / 空态
@@ -4236,6 +4227,7 @@ const zhCN = {
   querySearch: "查询",
   queryReset: "重置",
   querySaveView: "存为视图",
+  queryRemove: "移除该条件",
   queryInput: "请输入",
   // 行编辑弹窗与内置确认框（查询栏操作按钮）
   rowFormTitle: "编辑行",
@@ -4308,6 +4300,7 @@ const enUS = {
   expServerNoPdf: "Server export has no PDF (browser printing is front-end); fell back to a front-end range",
   expServerMissing: "No server export wired up: provide a serverExport callback",
   expFailed: "Export failed",
+  printCap: "Large data set: printing the first {n} of {total} rows only. Narrow the range or use Server export for the full set",
   resetState: "Reset column state",
   groupBanner: "⬇ Drag column headers here to group rows (or Panel → Group)",
   loading: "Loading…",
@@ -4458,6 +4451,7 @@ const enUS = {
   querySearch: "Search",
   queryReset: "Reset",
   querySaveView: "Save as view",
+  queryRemove: "Remove this condition",
   queryInput: "Enter",
   // Row edit dialog & built-in confirm (query bar action buttons)
   rowFormTitle: "Edit Row",
@@ -4552,32 +4546,88 @@ function pickLabel(item, labelKey, value) {
   return String(value);
 }
 function normalizeOptions(raw, shape = {}) {
-  const out = [];
   if (!Array.isArray(raw))
-    return out;
+    return [];
   const ck = shape.childrenKey ?? "children";
   const walk = (arr) => {
+    const res = [];
     for (const it of arr) {
       if (it == null || typeof it !== "object") {
         if (it !== null && it !== void 0)
-          out.push({ label: String(it), value: it });
+          res.push({ label: String(it), value: it });
         continue;
       }
       const item = it;
+      let opt;
       if (shape.map) {
-        out.push(shape.map(item));
+        opt = shape.map(item);
       } else {
         const value = pickValue(item, shape.valueKey);
         const label = pickLabel(item, shape.labelKey, value);
-        out.push({ label, value });
+        opt = { label, value };
       }
-      if (Array.isArray(item[ck]))
-        walk(item[ck]);
+      const kids = Array.isArray(item[ck]) ? walk(item[ck]) : void 0;
+      if (kids && kids.length)
+        opt.children = kids;
+      res.push(opt);
+    }
+    return res;
+  };
+  return walk(raw);
+}
+function flattenOptions(options) {
+  const out = [];
+  const walk = (arr) => {
+    for (const o of arr || []) {
+      out.push({ label: o.label, value: o.value });
+      if (o.children && o.children.length)
+        walk(o.children);
     }
   };
-  walk(raw);
+  walk(options || []);
   return out;
 }
+function filterOptionTree(options, query) {
+  const q = (query || "").trim().toLowerCase();
+  if (!q)
+    return options;
+  const walk = (arr) => {
+    const res = [];
+    for (const o of arr || []) {
+      const kids = o.children && o.children.length ? walk(o.children) : [];
+      const self = String(o.label ?? o.value ?? "").toLowerCase().includes(q);
+      if (self)
+        res.push({ ...o });
+      else if (kids.length)
+        res.push({ label: o.label, value: o.value, children: kids });
+    }
+    return res;
+  };
+  return walk(options);
+}
+function flattenTreeForRender(options, expanded) {
+  const rows = [];
+  const walk = (arr, depth) => {
+    for (const o of arr || []) {
+      const hasChildren = !!(o.children && o.children.length);
+      const exp = hasChildren && expanded.has(String(o.value));
+      rows.push({ option: o, depth, hasChildren, expanded: exp });
+      if (hasChildren && exp)
+        walk(o.children, depth + 1);
+    }
+  };
+  walk(options || [], 0);
+  return rows;
+}
+function collectParentKeys(options, acc = /* @__PURE__ */ new Set()) {
+  for (const o of options || []) {
+    if (o.children && o.children.length) {
+      acc.add(String(o.value));
+      collectParentKeys(o.children, acc);
+    }
+  }
+  return acc;
+}
 async function resolveOptions(source, dict, loaders) {
   var _a, _b, _c;
   try {
@@ -4837,7 +4887,9 @@ function parseNLQ(text, columns) {
     return { ...empty, message: "empty" };
   const result = { ok: false, filters: [], clauses: [] };
   let buf = raw;
-  const lim = buf.match(/(?:前|取|返回|最多|top)\s*(\d+)\s*(?:行|条|个|名|件)?/i);
+  const lim = buf.match(
+    /(?:前|取|返回|最多|top|first|limit|show(?:\s+me)?|give\s+me)\s*(?:the\s+)?(\d+)\s*(?:行|条|个|名|件|rows?|records?|items?|results?)?/i
+  );
   if (lim) {
     result.limit = parseInt(lim[1], 10);
     buf = blank(buf, lim.index, lim[0].length);
@@ -4861,6 +4913,7 @@ function parseNLQ(text, columns) {
     if (col) {
       result.groupBy = col.field || col.title || col.colId;
       result.groupColId = col.colId;
+      result.groupTitle = col.title || col.field || col.colId;
       buf = blank(buf, g.start, g.len);
     }
   }
@@ -4869,14 +4922,21 @@ function parseNLQ(text, columns) {
     /sort\s*by\s+([^，,、;；]+)/i,
     /([^，,、;；\s]+?)(?:升序|降序|倒序|从大到小|从小到大)/i,
     // 比较级：X最高/最低/最大/最小/最贵/最便宜/最多/最少（可带尾随「的」一并消费，避免泄漏进相邻筛选值）
-    /([^，,、;；\s]+?)最(?:高|低|大|小|贵|便宜|多|少)的?/i
+    /([^，,、;；\s]+?)最(?:高|低|大|小|贵|便宜|多|少)的?/i,
+    // 英文比较级（后缀式）：X highest / X most expensive / X cheapest（不含裸 most/least，以免吞掉 at most/at least）
+    /([a-z][a-z ]*?)\s+(?:the\s+)?(?:highest|lowest|largest|biggest|smallest|most expensive|least expensive|cheapest)\b/i,
+    // 英文比较级（前缀式）：highest X / cheapest X
+    /\b(?:highest|lowest|largest|biggest|smallest|most expensive|cheapest|least expensive)\s+(?:the\s+)?([a-z][a-z ]*?)(?=$|[，,、;；.]|\s+(?:and|by|of)\b)/i
   ]);
   if (s) {
     const col = resolveColumn(s.name, columns);
     if (col) {
       const dirWord = (s.word || "").toLowerCase();
-      const desc = /降序|倒序|从大到小|desc|最高|最大|最贵|最多/.test(dirWord);
+      const desc = /降序|倒序|从大到小|desc|最高|最大|最贵|最多|highest|largest|biggest|most expensive/.test(
+        dirWord
+      );
       result.sort = { field: col.field || col.colId, dir: desc ? "desc" : "asc" };
+      result.sortTitle = col.title || col.field || col.colId;
       buf = blank(buf, s.start, s.len);
     }
   }
@@ -5112,21 +5172,72 @@ function mergeClauses(clauses, columns) {
   }
   return out;
 }
-function explainNLQ(r) {
+const OP_LABEL = {
+  zh: {
+    eq: "=",
+    ne: "≠",
+    gt: ">",
+    gte: "≥",
+    lt: "<",
+    lte: "≤",
+    contains: "包含",
+    notContains: "不包含",
+    startsWith: "开头是",
+    endsWith: "结尾为",
+    blank: "为空",
+    notBlank: "非空",
+    in: "属于",
+    notIn: "不属于",
+    inRange: "介于"
+  },
+  en: {
+    eq: "=",
+    ne: "≠",
+    gt: ">",
+    gte: "≥",
+    lt: "<",
+    lte: "≤",
+    contains: "contains",
+    notContains: "not contains",
+    startsWith: "starts with",
+    endsWith: "ends with",
+    blank: "is empty",
+    notBlank: "is not empty",
+    in: "is",
+    notIn: "not",
+    inRange: "between"
+  }
+};
+function explainNLQ(r, lang = "zh") {
+  const en = lang === "en";
+  const labels = OP_LABEL[lang];
   const parts = [];
   for (const c of r.clauses) {
-    const val = c.value2 != null ? `${c.value1}~${c.value2}` : c.value1 ?? "";
-    parts.push(`${c.title || c.field || c.colId} ${c.op} ${val}`.trim());
+    const opLabel = labels[c.op] || c.op;
+    const name = c.title || c.field || c.colId;
+    let val;
+    if (c.op === "blank" || c.op === "notBlank")
+      val = "";
+    else if (c.value2 != null)
+      val = `${c.value1}~${c.value2}`;
+    else if (Array.isArray(c.value1))
+      val = c.value1.join(en ? " / " : "、");
+    else
+      val = String(c.value1 ?? "");
+    const glue = en || /^[=<>≤≥≠]/.test(opLabel) ? " " : "";
+    parts.push(`${name} ${opLabel}${glue}${val}`.trim());
   }
   if (r.sort)
-    parts.push(`sort ${r.sort.field} ${r.sort.dir}`);
+    parts.push(
+      en ? `sort by ${r.sortTitle || r.sort.field} ${r.sort.dir}` : `按${r.sortTitle || r.sort.field} ${r.sort.dir === "desc" ? "降序" : "升序"}`
+    );
   if (r.groupBy)
-    parts.push(`group ${r.groupBy}`);
+    parts.push(en ? `group by ${r.groupTitle || r.groupBy}` : `按${r.groupTitle || r.groupBy}分组`);
   if (r.limit)
-    parts.push(`top ${r.limit}`);
+    parts.push(en ? `top ${r.limit}` : `前${r.limit}`);
   if (r.search)
-    parts.push(`search "${r.search}"`);
-  return parts.join(" | ");
+    parts.push(en ? `search "${r.search}"` : `搜索“${r.search}”`);
+  return parts.join(" · ");
 }
 const csvCell = (v) => {
   if (v == null)
@@ -6013,14 +6124,14 @@ defineComponent({
     };
   }
 });
-const _hoisted_1$h = ["aria-sort", "draggable", "onClick", "onDragstart", "onDragover", "onDrop"];
-const _hoisted_2$h = ["title"];
-const _hoisted_3$e = { class: "rj-hcell-icons" };
-const _hoisted_4$d = ["title", "onClick"];
-const _hoisted_5$d = ["title", "onClick"];
-const _hoisted_6$d = ["onMousedown", "onDblclick"];
-const _hoisted_7$c = ["value", "placeholder", "onCompositionend", "onInput"];
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _hoisted_1$i = ["aria-sort", "draggable", "onClick", "onDragstart", "onDragover", "onDrop"];
+const _hoisted_2$i = ["title"];
+const _hoisted_3$f = { class: "rj-hcell-icons" };
+const _hoisted_4$e = ["title", "onClick"];
+const _hoisted_5$e = ["title", "onClick"];
+const _hoisted_6$e = ["onMousedown", "onDblclick"];
+const _hoisted_7$d = ["value", "placeholder", "onCompositionend", "onInput"];
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   ...{ name: "RjHeader" },
   __name: "RjHeader",
   props: {
@@ -6223,8 +6334,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   }, null, 8, ["slots", "name", "params"])) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [
                     createTextVNode(toDisplayString(cell.col.title || cell.colId), 1)
                   ], 64))
-                ], 8, _hoisted_2$h),
-                createElementVNode("span", _hoisted_3$e, [
+                ], 8, _hoisted_2$i),
+                createElementVNode("span", _hoisted_3$f, [
                   cellSortable(cell) ? (openBlock(), createElementBlock("span", {
                     key: 0,
                     class: normalizeClass(["rj-sort-icon", { "is-active": !!sortDir(cell) }])
@@ -6234,13 +6345,13 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                     class: normalizeClass(["rj-filter-icon", { "is-active": filterActive(cell) }]),
                     title: unref(t)("filter"),
                     onClick: withModifiers(($event) => _ctx.$emit("open-filter", cell, $event), ["stop"])
-                  }, toDisplayString(unref(icons).filter), 11, _hoisted_4$d)) : createCommentVNode("", true),
+                  }, toDisplayString(unref(icons).filter), 11, _hoisted_4$e)) : createCommentVNode("", true),
                   !cell.isGroup && !cell.col.suppressMenu ? (openBlock(), createElementBlock("span", {
                     key: 2,
                     class: "rj-menu-btn",
                     title: unref(t)("colMenu"),
                     onClick: withModifiers(($event) => _ctx.$emit("header-menu", cell, $event), ["stop"])
-                  }, toDisplayString(unref(icons).columnMenu), 9, _hoisted_5$d)) : createCommentVNode("", true)
+                  }, toDisplayString(unref(icons).columnMenu), 9, _hoisted_5$e)) : createCommentVNode("", true)
                 ]),
                 !cell.isGroup && _ctx.reorderable ? (openBlock(), createElementBlock("span", {
                   key: 0,
@@ -6249,8 +6360,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   }, ["stop"])),
                   onMousedown: withModifiers(($event) => startResize(cell, $event), ["stop", "prevent"]),
                   onDblclick: withModifiers(($event) => autoWidth(cell), ["stop"])
-                }, null, 40, _hoisted_6$d)) : createCommentVNode("", true)
-              ], 46, _hoisted_1$h);
+                }, null, 40, _hoisted_6$e)) : createCommentVNode("", true)
+              ], 46, _hoisted_1$i);
             }), 128))
           ], 4);
         }), 128)),
@@ -6280,7 +6391,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                 onCompositionstart: _cache[7] || (_cache[7] = ($event) => composing.value = true),
                 onCompositionend: ($event) => onFloatCompositionEnd(leaf.colId, $event),
                 onInput: ($event) => onFloatInputGuarded(leaf.colId, $event.target.value)
-              }, null, 40, _hoisted_7$c)) : createCommentVNode("", true)
+              }, null, 40, _hoisted_7$d)) : createCommentVNode("", true)
             ], 4);
           }), 128))
         ], 4)) : createCommentVNode("", true)
@@ -6288,26 +6399,32 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$g = {
+const _hoisted_1$h = {
   key: 1,
   class: "rj-editor-select"
 };
-const _hoisted_2$g = ["placeholder", "aria-expanded"];
-const _hoisted_3$d = ["onMouseenter", "onClick"];
-const _hoisted_4$c = {
+const _hoisted_2$h = ["placeholder", "aria-expanded"];
+const _hoisted_3$e = ["onMouseenter", "onClick"];
+const _hoisted_4$d = ["onClick"];
+const _hoisted_5$d = {
+  key: 1,
+  class: "rj-option-caret is-leaf"
+};
+const _hoisted_6$d = { class: "rj-option-label" };
+const _hoisted_7$c = {
   key: 0,
   class: "rj-editor-option",
   style: { "color": "#999" }
 };
-const _hoisted_5$c = ["rows", "placeholder"];
-const _hoisted_6$c = ["checked"];
-const _hoisted_7$b = ["placeholder"];
-const _hoisted_8$a = ["placeholder"];
-const _hoisted_9$8 = {
+const _hoisted_8$b = ["rows", "placeholder"];
+const _hoisted_9$8 = ["checked"];
+const _hoisted_10$8 = ["placeholder"];
+const _hoisted_11$8 = ["placeholder"];
+const _hoisted_12$8 = {
   key: 7,
   class: "rj-editor-error"
 };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   ...{ name: "RjEditor" },
   __name: "RjEditor",
   props: {
@@ -6372,11 +6489,32 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         return optionsAccessor.list(props.column) || [];
       return Array.isArray(o) ? o : [];
     });
-    const filteredOptions = computed(() => {
-      if (!isSelectLike.value)
-        return options.value;
-      return rankOptions(options.value, query.value);
+    const expanded = ref(/* @__PURE__ */ new Set());
+    watch(
+      options,
+      (opts) => {
+        expanded.value = collectParentKeys(opts);
+      },
+      { immediate: true }
+    );
+    const filteredTree = computed(
+      () => isSelectLike.value ? filterOptionTree(options.value, query.value) : options.value
+    );
+    const visibleRows = computed(() => {
+      const q = (query.value || "").trim();
+      const tree = filteredTree.value;
+      const exp = isSelectLike.value && q ? collectParentKeys(tree) : expanded.value;
+      return flattenTreeForRender(tree, exp);
     });
+    function toggleExpand(opt) {
+      const k = String(opt.value);
+      const next = new Set(expanded.value);
+      if (next.has(k))
+        next.delete(k);
+      else
+        next.add(k);
+      expanded.value = next;
+    }
     const open = ref(false);
     const error = ref(null);
     const inputRef = ref();
@@ -6397,23 +6535,23 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         return;
       open.value = true;
       query.value = "";
-      const i = filteredOptions.value.findIndex((o) => o.value === model.value);
-      activeIdx.value = i >= 0 ? i : filteredOptions.value.length ? 0 : -1;
+      const i = visibleRows.value.findIndex((r) => r.option.value === model.value);
+      activeIdx.value = i >= 0 ? i : visibleRows.value.length ? 0 : -1;
       scrollToActive();
     }
     function move(dir) {
       if (!open.value)
         return openList();
-      const len = filteredOptions.value.length;
+      const len = visibleRows.value.length;
       if (!len)
         return;
       activeIdx.value = Math.min(len - 1, Math.max(0, activeIdx.value + dir));
       scrollToActive();
     }
     function confirmPick() {
-      const opt = filteredOptions.value[activeIdx.value];
-      if (open.value && opt)
-        pick(opt);
+      const row = visibleRows.value[activeIdx.value];
+      if (open.value && row)
+        pick(row.option);
       else
         pickText();
     }
@@ -6424,12 +6562,12 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       commit(opt.value);
     }
     function pickText() {
-      const exact = options.value.find((o) => String(o.label) === text.value);
+      const exact = flattenOptions(options.value).find((o) => String(o.label) === text.value);
       if (exact)
         return pick(exact);
-      const first = filteredOptions.value[0];
+      const first = visibleRows.value[0];
       if (first && text.value.trim())
-        return pick(first);
+        return pick(first.option);
       commit(text.value);
     }
     function onSelectBlur() {
@@ -6476,7 +6614,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     });
     watch(query, () => {
       if (isSelectLike.value && open.value)
-        activeIdx.value = filteredOptions.value.length ? 0 : -1;
+        activeIdx.value = visibleRows.value.length ? 0 : -1;
     });
     return (_ctx, _cache) => {
       var _a;
@@ -6492,7 +6630,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           column: _ctx.column,
           onCommit: commit,
           onCancel: cancel
-        }, null, 40, ["value", "row", "column"])) : editorType.value === "select" || editorType.value === "richSelect" ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
+        }, null, 40, ["value", "row", "column"])) : editorType.value === "select" || editorType.value === "richSelect" ? (openBlock(), createElementBlock("div", _hoisted_1$h, [
           withDirectives(createElementVNode("input", {
             ref_key: "inputRef",
             ref: inputRef,
@@ -6510,25 +6648,33 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
               _cache[5] || (_cache[5] = withKeys(withModifiers(($event) => confirmPick(), ["prevent"]), ["enter"])),
               _cache[6] || (_cache[6] = withKeys(withModifiers(($event) => cancel(), ["prevent"]), ["esc"]))
             ]
-          }, null, 40, _hoisted_2$g), [
+          }, null, 40, _hoisted_2$h), [
             [vModelText, text.value]
           ]),
           withDirectives(createElementVNode("div", {
             ref_key: "listRef",
             ref: listRef,
-            class: "rj-editor-dropdown",
+            class: "rj-editor-dropdown rj-option-tree",
             onMousedown: _cache[7] || (_cache[7] = withModifiers(() => {
             }, ["prevent"]))
           }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(filteredOptions.value, (opt, i) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(visibleRows.value, (node, i) => {
               return openBlock(), createElementBlock("div", {
-                key: String(opt.value),
-                class: normalizeClass(["rj-editor-option", { "is-active": i === activeIdx.value, "is-selected": opt.value === model.value }]),
+                key: String(node.option.value) + ":" + i,
+                class: normalizeClass(["rj-editor-option rj-option-row", { "is-active": i === activeIdx.value, "is-selected": node.option.value === model.value }]),
+                style: normalizeStyle({ paddingLeft: 8 + node.depth * 16 + "px" }),
                 onMouseenter: ($event) => activeIdx.value = i,
-                onClick: ($event) => pick(opt)
-              }, toDisplayString(opt.label), 43, _hoisted_3$d);
+                onClick: ($event) => pick(node.option)
+              }, [
+                node.hasChildren ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  class: "rj-option-caret",
+                  onClick: withModifiers(($event) => toggleExpand(node.option), ["stop"])
+                }, toDisplayString(node.expanded ? "▾" : "▸"), 9, _hoisted_4$d)) : (openBlock(), createElementBlock("span", _hoisted_5$d)),
+                createElementVNode("span", _hoisted_6$d, toDisplayString(node.option.label), 1)
+              ], 46, _hoisted_3$e);
             }), 128)),
-            !filteredOptions.value.length ? (openBlock(), createElementBlock("div", _hoisted_4$c, toDisplayString(unref(t)("noMatches")), 1)) : createCommentVNode("", true)
+            !visibleRows.value.length ? (openBlock(), createElementBlock("div", _hoisted_7$c, toDisplayString(unref(t)("noMatches")), 1)) : createCommentVNode("", true)
           ], 544), [
             [vShow, open.value]
           ])
@@ -6545,7 +6691,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             _cache[10] || (_cache[10] = withKeys(withModifiers(($event) => commit(text.value), ["ctrl", "prevent"]), ["enter"]))
           ],
           onBlur: _cache[11] || (_cache[11] = ($event) => commit(text.value))
-        }, null, 40, _hoisted_5$c)), [
+        }, null, 40, _hoisted_8$b)), [
           [vModelText, text.value]
         ]) : editorType.value === "checkbox" ? (openBlock(), createElementBlock("input", {
           key: 3,
@@ -6554,7 +6700,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           type: "checkbox",
           checked: !!model.value,
           onChange: _cache[12] || (_cache[12] = ($event) => commit($event.target.checked))
-        }, null, 40, _hoisted_6$c)) : editorType.value === "date" ? withDirectives((openBlock(), createElementBlock("input", {
+        }, null, 40, _hoisted_9$8)) : editorType.value === "date" ? withDirectives((openBlock(), createElementBlock("input", {
           key: 4,
           ref_key: "inputRef",
           ref: inputRef,
@@ -6578,7 +6724,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             _cache[18] || (_cache[18] = withKeys(withModifiers(($event) => cancel(), ["prevent"]), ["esc"]))
           ],
           onBlur: _cache[19] || (_cache[19] = ($event) => commit(text.value))
-        }), null, 16, _hoisted_7$b)), [
+        }), null, 16, _hoisted_10$8)), [
           [vModelText, text.value]
         ]) : withDirectives((openBlock(), createElementBlock("input", mergeProps({
           key: 6,
@@ -6593,20 +6739,20 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             _cache[22] || (_cache[22] = withKeys(withModifiers(($event) => cancel(), ["prevent"]), ["esc"]))
           ],
           onBlur: _cache[23] || (_cache[23] = ($event) => commit(text.value))
-        }), null, 16, _hoisted_8$a)), [
+        }), null, 16, _hoisted_11$8)), [
           [vModelText, text.value]
         ]),
-        error.value ? (openBlock(), createElementBlock("div", _hoisted_9$8, toDisplayString(error.value), 1)) : createCommentVNode("", true)
+        error.value ? (openBlock(), createElementBlock("div", _hoisted_12$8, toDisplayString(error.value), 1)) : createCommentVNode("", true)
       ], 32);
     };
   }
 });
-const _hoisted_1$f = ["src", "alt", "loading", "onClick"];
-const _hoisted_2$f = {
+const _hoisted_1$g = ["src", "alt", "loading", "onClick"];
+const _hoisted_2$g = {
   key: 1,
   class: "rj-cell-inner rj-cell-img-fallback"
 };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...{ name: "RjImgList" },
   __name: "RjImgList",
   props: {
@@ -6638,14 +6784,14 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           draggable: "false",
           onError: _cache[0] || (_cache[0] = ($event) => failed.value = true),
           onClick: withModifiers(($event) => _ctx.$emit("preview", u), ["stop"])
-        }, null, 46, _hoisted_1$f);
-      }), 128)) : (openBlock(), createElementBlock("span", _hoisted_2$f, toDisplayString(_ctx.fallback), 1));
+        }, null, 46, _hoisted_1$g);
+      }), 128)) : (openBlock(), createElementBlock("span", _hoisted_2$g, toDisplayString(_ctx.fallback), 1));
     };
   }
 });
-const _hoisted_1$e = { class: "rj-sparkline" };
-const _hoisted_2$e = ["width", "height"];
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _hoisted_1$f = { class: "rj-sparkline" };
+const _hoisted_2$f = ["width", "height"];
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   ...{ name: "RjSparkline" },
   __name: "RjSparkline",
   props: {
@@ -6744,33 +6890,33 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     );
     onMounted(draw);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", _hoisted_1$e, [
+      return openBlock(), createElementBlock("span", _hoisted_1$f, [
         createElementVNode("canvas", {
           ref_key: "cv",
           ref: cv,
           width: _ctx.w * unref(dpr),
           height: _ctx.h * unref(dpr),
           style: normalizeStyle(`width:${_ctx.w}px;height:${_ctx.h}px`)
-        }, null, 12, _hoisted_2$e)
+        }, null, 12, _hoisted_2$f)
       ]);
     };
   }
 });
-const _hoisted_1$d = ["data-r", "data-c", "role", "aria-colindex", "aria-selected", "title"];
-const _hoisted_2$d = {
+const _hoisted_1$e = ["data-r", "data-c", "role", "aria-colindex", "aria-selected", "title"];
+const _hoisted_2$e = {
   key: 1,
   class: "rj-expand-icon",
   style: { "opacity": "0" }
 };
-const _hoisted_3$c = { class: "rj-cell-inner" };
-const _hoisted_4$b = { style: { "color": "var(--rj-text-secondary)", "margin-left": "6px" } };
-const _hoisted_5$b = {
+const _hoisted_3$d = { class: "rj-cell-inner" };
+const _hoisted_4$c = { style: { "color": "var(--rj-text-secondary)", "margin-left": "6px" } };
+const _hoisted_5$c = {
   key: 2,
   style: { "width": "18px", "display": "inline-block", "flex-shrink": "0" }
 };
-const _hoisted_6$b = ["innerHTML"];
-const _hoisted_7$a = ["innerHTML"];
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _hoisted_6$c = ["innerHTML"];
+const _hoisted_7$b = ["innerHTML"];
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...{ name: "RjCell", inheritAttrs: false },
   __name: "RjCell",
   props: {
@@ -6986,7 +7132,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         "aria-selected": _ctx.checked || void 0,
         title: tooltipText.value
       }, [
-        _ctx.editing ? (openBlock(), createBlock(_sfc_main$g, {
+        _ctx.editing ? (openBlock(), createBlock(_sfc_main$h, {
           key: 0,
           column: _ctx.leaf.col,
           row: _ctx.drow.data,
@@ -7017,8 +7163,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             key: 0,
             class: "rj-expand-icon",
             onClick: _cache[4] || (_cache[4] = withModifiers(($event) => _ctx.$emit("toggle-expand", _ctx.drow.key), ["stop"]))
-          }, toDisplayString(_ctx.drow.expanded ? unref(icons).collapse : unref(icons).expand), 1)) : !isPivot.value ? (openBlock(), createElementBlock("span", _hoisted_2$d, toDisplayString(unref(icons).collapse), 1)) : createCommentVNode("", true),
-          createElementVNode("span", _hoisted_3$c, [
+          }, toDisplayString(_ctx.drow.expanded ? unref(icons).collapse : unref(icons).expand), 1)) : !isPivot.value ? (openBlock(), createElementBlock("span", _hoisted_2$e, toDisplayString(unref(icons).collapse), 1)) : createCommentVNode("", true),
+          createElementVNode("span", _hoisted_3$d, [
             _ctx.drow.isFooter ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
               createTextVNode(toDisplayString(unref(t)("subtotal")), 1)
             ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
@@ -7030,7 +7176,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
               }, null, 8, ["slots", "name", "params"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                 createTextVNode(toDisplayString(groupLabel.value), 1)
               ], 64)),
-              createElementVNode("span", _hoisted_4$b, "(" + toDisplayString(_ctx.drow.data.__count) + ")", 1)
+              createElementVNode("span", _hoisted_4$c, "(" + toDisplayString(_ctx.drow.data.__count) + ")", 1)
             ], 64))
           ])
         ], 64)) : _ctx.isAnchor ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
@@ -7046,13 +7192,13 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             key: 1,
             class: "rj-expand-icon",
             onClick: _cache[6] || (_cache[6] = withModifiers(($event) => _ctx.$emit("toggle-detail", _ctx.drow.key), ["stop"]))
-          }, toDisplayString(_ctx.detailOpen ? unref(icons).collapse : unref(icons).expand), 1)) : (openBlock(), createElementBlock("span", _hoisted_5$b)),
-          imgUrls.value.length ? (openBlock(), createBlock(_sfc_main$f, mergeProps({ key: 3 }, imgBind.value, { onPreview: onImgPreview }), null, 16)) : (openBlock(), createElementBlock("span", {
+          }, toDisplayString(_ctx.detailOpen ? unref(icons).collapse : unref(icons).expand), 1)) : (openBlock(), createElementBlock("span", _hoisted_5$c)),
+          imgUrls.value.length ? (openBlock(), createBlock(_sfc_main$g, mergeProps({ key: 3 }, imgBind.value, { onPreview: onImgPreview }), null, 16)) : (openBlock(), createElementBlock("span", {
             key: 4,
             class: normalizeClass(["rj-cell-inner", { wrap: _ctx.leaf.col.wrapText }]),
             innerHTML: richContent.value
-          }, null, 10, _hoisted_6$b))
-        ], 64)) : imgUrls.value.length ? (openBlock(), createBlock(_sfc_main$f, mergeProps({ key: 5 }, imgBind.value, { onPreview: onImgPreview }), null, 16)) : sparkData.value ? (openBlock(), createBlock(_sfc_main$e, {
+          }, null, 10, _hoisted_6$c))
+        ], 64)) : imgUrls.value.length ? (openBlock(), createBlock(_sfc_main$g, mergeProps({ key: 5 }, imgBind.value, { onPreview: onImgPreview }), null, 16)) : sparkData.value ? (openBlock(), createBlock(_sfc_main$f, {
           key: 6,
           data: sparkData.value,
           style: normalizeStyle(((_b = _ctx.leaf.col.sparkline) == null ? void 0 : _b.style) || "bar"),
@@ -7061,22 +7207,22 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           key: 7,
           class: normalizeClass(["rj-cell-inner", { wrap: _ctx.leaf.col.wrapText }]),
           innerHTML: richContent.value
-        }, null, 10, _hoisted_7$a))
-      ], 14, _hoisted_1$d);
+        }, null, 10, _hoisted_7$b))
+      ], 14, _hoisted_1$e);
     };
   }
 });
-const _hoisted_1$c = {
+const _hoisted_1$d = {
   class: "rj-popup-row",
   style: { "justify-content": "space-between", "font-size": "12px", "margin-bottom": "4px" }
 };
-const _hoisted_2$c = { class: "rj-check-item" };
-const _hoisted_3$b = ["checked"];
-const _hoisted_4$a = ["title"];
-const _hoisted_5$a = ["placeholder"];
-const _hoisted_6$a = { class: "rj-check-list" };
-const _hoisted_7$9 = ["value"];
-const _hoisted_8$9 = {
+const _hoisted_2$d = { class: "rj-check-item" };
+const _hoisted_3$c = ["checked"];
+const _hoisted_4$b = ["title"];
+const _hoisted_5$b = ["placeholder"];
+const _hoisted_6$b = { class: "rj-check-list" };
+const _hoisted_7$a = ["value"];
+const _hoisted_8$a = {
   key: 0,
   style: { "padding": "6px", "color": "#999" }
 };
@@ -7088,8 +7234,8 @@ const _hoisted_13$6 = ["onUpdate:modelValue", "type"];
 const _hoisted_14$6 = ["onUpdate:modelValue", "type"];
 const _hoisted_15$5 = ["title", "onClick"];
 const _hoisted_16$5 = { class: "rj-popup-row" };
-const _hoisted_17$5 = { class: "rj-popup-footer" };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _hoisted_17$4 = { class: "rj-popup-footer" };
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...{ name: "RjFilterMenu" },
   __name: "RjFilterMenu",
   props: {
@@ -7178,13 +7324,13 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         }, ["stop"]))
       }, [
         _ctx.filterType === "select" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          createElementVNode("div", _hoisted_1$c, [
-            createElementVNode("label", _hoisted_2$c, [
+          createElementVNode("div", _hoisted_1$d, [
+            createElementVNode("label", _hoisted_2$d, [
               createElementVNode("input", {
                 type: "checkbox",
                 checked: allChecked.value,
                 onChange: _cache[0] || (_cache[0] = ($event) => toggleAll())
-              }, null, 40, _hoisted_3$b),
+              }, null, 40, _hoisted_3$c),
               createTextVNode(" " + toDisplayString(unref(t)("selectAll")), 1)
             ]),
             createElementVNode("label", {
@@ -7198,17 +7344,17 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                 [vModelCheckbox, exclude.value]
               ]),
               createTextVNode(" " + toDisplayString(unref(t)("excludeSelected")), 1)
-            ], 8, _hoisted_4$a)
+            ], 8, _hoisted_4$b)
           ]),
           withDirectives(createElementVNode("input", {
             "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => search.value = $event),
             class: "rj-input",
             style: { "width": "100%", "margin-bottom": "6px" },
             placeholder: unref(t)("searchOptions")
-          }, null, 8, _hoisted_5$a), [
+          }, null, 8, _hoisted_5$b), [
             [vModelText, search.value]
           ]),
-          createElementVNode("div", _hoisted_6$a, [
+          createElementVNode("div", _hoisted_6$b, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(filteredOptions.value, (opt) => {
               return openBlock(), createElementBlock("label", {
                 key: String(opt),
@@ -7218,13 +7364,13 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                   type: "checkbox",
                   value: opt,
                   "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => values.value = $event)
-                }, null, 8, _hoisted_7$9), [
+                }, null, 8, _hoisted_7$a), [
                   [vModelCheckbox, values.value]
                 ]),
                 createElementVNode("span", null, toDisplayString(displayOf(opt)), 1)
               ]);
             }), 128)),
-            !filteredOptions.value.length ? (openBlock(), createElementBlock("div", _hoisted_8$9, toDisplayString(unref(t)("noOptions")), 1)) : createCommentVNode("", true)
+            !filteredOptions.value.length ? (openBlock(), createElementBlock("div", _hoisted_8$a, toDisplayString(unref(t)("noOptions")), 1)) : createCommentVNode("", true)
           ])
         ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
           createElementVNode("div", _hoisted_9$7, [
@@ -7294,7 +7440,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             }, toDisplayString(unref(t)("addCondition")), 1)
           ])
         ], 64)),
-        createElementVNode("div", _hoisted_17$5, [
+        createElementVNode("div", _hoisted_17$4, [
           createElementVNode("button", {
             class: "rj-btn",
             onClick: _cache[7] || (_cache[7] = ($event) => _ctx.$emit("clear"))
@@ -7312,22 +7458,22 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$b = { class: "rj-adv-head" };
-const _hoisted_2$b = { class: "rj-radio-tabs" };
-const _hoisted_3$a = ["title"];
-const _hoisted_4$9 = {
+const _hoisted_1$c = { class: "rj-adv-head" };
+const _hoisted_2$c = { class: "rj-radio-tabs" };
+const _hoisted_3$b = ["title"];
+const _hoisted_4$a = {
   key: 1,
   class: "rj-adv-cond"
 };
-const _hoisted_5$9 = ["value", "onChange"];
-const _hoisted_6$9 = ["value"];
-const _hoisted_7$8 = ["onUpdate:modelValue", "onChange"];
-const _hoisted_8$8 = ["value"];
+const _hoisted_5$a = ["value", "onChange"];
+const _hoisted_6$a = ["value"];
+const _hoisted_7$9 = ["onUpdate:modelValue", "onChange"];
+const _hoisted_8$9 = ["value"];
 const _hoisted_9$6 = ["onUpdate:modelValue", "type"];
 const _hoisted_10$6 = ["onUpdate:modelValue", "type"];
 const _hoisted_11$6 = ["title", "onClick"];
 const _hoisted_12$6 = { class: "rj-adv-actions" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...{ name: "RjAdvGroup" },
   __name: "RjAdvGroup",
   props: {
@@ -7400,8 +7546,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["rj-adv-group", { "is-nested": _ctx.depth > 0 }])
       }, [
-        createElementVNode("div", _hoisted_1$b, [
-          createElementVNode("div", _hoisted_2$b, [
+        createElementVNode("div", _hoisted_1$c, [
+          createElementVNode("div", _hoisted_2$c, [
             createElementVNode("span", {
               class: normalizeClass({ "is-active": _ctx.group.operator === "and" }),
               onClick: _cache[0] || (_cache[0] = ($event) => setOp("and"))
@@ -7416,7 +7562,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             class: "rj-adv-remove",
             title: unref(t)("advDelGroup"),
             onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("remove"))
-          }, "✕", 8, _hoisted_3$a)) : createCommentVNode("", true)
+          }, "✕", 8, _hoisted_3$b)) : createCommentVNode("", true)
         ]),
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.group.items, (item, i) => {
           return openBlock(), createElementBlock("div", {
@@ -7429,7 +7575,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               columns: _ctx.columns,
               depth: _ctx.depth + 1,
               onRemove: ($event) => removeAt(i)
-            }, null, 8, ["group", "columns", "depth", "onRemove"])) : (openBlock(), createElementBlock("div", _hoisted_4$9, [
+            }, null, 8, ["group", "columns", "depth", "onRemove"])) : (openBlock(), createElementBlock("div", _hoisted_4$a, [
               createElementVNode("select", {
                 class: "rj-input",
                 value: ac(item).colId,
@@ -7439,9 +7585,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                   return openBlock(), createElementBlock("option", {
                     key: c.colId,
                     value: c.colId
-                  }, toDisplayString(c.title || c.colId), 9, _hoisted_6$9);
+                  }, toDisplayString(c.title || c.colId), 9, _hoisted_6$a);
                 }), 128))
-              ], 40, _hoisted_5$9),
+              ], 40, _hoisted_5$a),
               withDirectives(createElementVNode("select", {
                 "onUpdate:modelValue": ($event) => ac(item).condition.op = $event,
                 class: "rj-input",
@@ -7452,9 +7598,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                   return openBlock(), createElementBlock("option", {
                     key: op.value,
                     value: op.value
-                  }, toDisplayString(opLabel(op)), 9, _hoisted_8$8);
+                  }, toDisplayString(opLabel(op)), 9, _hoisted_8$9);
                 }), 128))
-              ], 40, _hoisted_7$8), [
+              ], 40, _hoisted_7$9), [
                 [vModelSelect, ac(item).condition.op]
               ]),
               !noValue(ac(item).condition.op) ? withDirectives((openBlock(), createElementBlock("input", {
@@ -7496,9 +7642,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$a = { class: "rj-adv-title" };
-const _hoisted_2$a = { class: "rj-popup-footer" };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _hoisted_1$b = { class: "rj-adv-title" };
+const _hoisted_2$b = { class: "rj-popup-footer" };
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   ...{ name: "RjAdvancedFilterDialog" },
   __name: "RjAdvancedFilterDialog",
   props: {
@@ -7556,19 +7702,19 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         onClick: _cache[3] || (_cache[3] = withModifiers(() => {
         }, ["stop"]))
       }, [
-        createElementVNode("div", _hoisted_1$a, [
+        createElementVNode("div", _hoisted_1$b, [
           createTextVNode(toDisplayString(unref(t)("advFilterTitle")) + " ", 1),
           createElementVNode("span", {
             class: "rj-adv-remove",
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
           }, "✕")
         ]),
-        createVNode(_sfc_main$b, {
+        createVNode(_sfc_main$c, {
           group: tree,
           columns: _ctx.columns,
           depth: 0
         }, null, 8, ["group", "columns"]),
-        createElementVNode("div", _hoisted_2$a, [
+        createElementVNode("div", _hoisted_2$b, [
           createElementVNode("button", {
             class: "rj-btn",
             onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("clear"))
@@ -7582,27 +7728,27 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$9 = {
+const _hoisted_1$a = {
   key: 0,
   class: "rj-menu-divider"
 };
-const _hoisted_2$9 = ["onMouseenter", "onClick"];
-const _hoisted_3$9 = { class: "rj-menu-item-label" };
-const _hoisted_4$8 = {
+const _hoisted_2$a = ["onMouseenter", "onClick"];
+const _hoisted_3$a = { class: "rj-menu-item-label" };
+const _hoisted_4$9 = {
   key: 0,
   class: "rj-menu-sub-arrow"
 };
-const _hoisted_5$8 = {
+const _hoisted_5$9 = {
   key: 1,
   class: "rj-menu rj-menu-sub"
 };
-const _hoisted_6$8 = {
+const _hoisted_6$9 = {
   key: 0,
   class: "rj-menu-divider"
 };
-const _hoisted_7$7 = ["onClick"];
-const _hoisted_8$7 = { class: "rj-menu-item-label" };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _hoisted_7$8 = ["onClick"];
+const _hoisted_8$8 = { class: "rj-menu-item-label" };
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   ...{ name: "RjContextMenu" },
   __name: "RjContextMenu",
   props: {
@@ -7617,7 +7763,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       const el = menuRef.value;
       if (el)
-        emit("reposition", el.offsetHeight);
+        emit("reposition", el.offsetHeight, el.offsetWidth);
     });
     const hoverIdx = ref(-1);
     function onClick(item) {
@@ -7638,7 +7784,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, i) => {
           var _a, _b, _c, _d;
           return openBlock(), createElementBlock(Fragment, { key: i }, [
-            item.isSeparator ? (openBlock(), createElementBlock("div", _hoisted_1$9)) : (openBlock(), createElementBlock("div", {
+            item.isSeparator ? (openBlock(), createElementBlock("div", _hoisted_1$a)) : (openBlock(), createElementBlock("div", {
               key: 1,
               class: normalizeClass(["rj-menu-item", { "is-disabled": (_a = item.disabled) == null ? void 0 : _a.call(item), "has-sub": (_b = item.children) == null ? void 0 : _b.length }]),
               onMouseenter: ($event) => {
@@ -7647,42 +7793,42 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               },
               onClick: ($event) => onClick(item)
             }, [
-              createElementVNode("span", _hoisted_3$9, toDisplayString(item.name), 1),
-              ((_c = item.children) == null ? void 0 : _c.length) ? (openBlock(), createElementBlock("span", _hoisted_4$8, "▸")) : createCommentVNode("", true),
-              ((_d = item.children) == null ? void 0 : _d.length) && hoverIdx.value === i ? (openBlock(), createElementBlock("div", _hoisted_5$8, [
+              createElementVNode("span", _hoisted_3$a, toDisplayString(item.name), 1),
+              ((_c = item.children) == null ? void 0 : _c.length) ? (openBlock(), createElementBlock("span", _hoisted_4$9, "▸")) : createCommentVNode("", true),
+              ((_d = item.children) == null ? void 0 : _d.length) && hoverIdx.value === i ? (openBlock(), createElementBlock("div", _hoisted_5$9, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(item.children, (sub) => {
                   var _a2;
                   return openBlock(), createElementBlock(Fragment, {
                     key: sub.name || String(sub.isSeparator)
                   }, [
-                    sub.isSeparator ? (openBlock(), createElementBlock("div", _hoisted_6$8)) : (openBlock(), createElementBlock("div", {
+                    sub.isSeparator ? (openBlock(), createElementBlock("div", _hoisted_6$9)) : (openBlock(), createElementBlock("div", {
                       key: 1,
                       class: normalizeClass(["rj-menu-item", { "is-disabled": (_a2 = sub.disabled) == null ? void 0 : _a2.call(sub) }]),
                       onClick: withModifiers(($event) => onClick(sub), ["stop"])
                     }, [
-                      createElementVNode("span", _hoisted_8$7, toDisplayString(sub.name), 1)
-                    ], 10, _hoisted_7$7))
+                      createElementVNode("span", _hoisted_8$8, toDisplayString(sub.name), 1)
+                    ], 10, _hoisted_7$8))
                   ], 64);
                 }), 128))
               ])) : createCommentVNode("", true)
-            ], 42, _hoisted_2$9))
+            ], 42, _hoisted_2$a))
           ], 64);
         }), 128))
       ], 4);
     };
   }
 });
-const _hoisted_1$8 = { class: "rj-colmenu-tabs" };
-const _hoisted_2$8 = ["onClick"];
-const _hoisted_3$8 = { class: "rj-colmenu-tab-ic" };
-const _hoisted_4$7 = { class: "rj-colmenu-body" };
-const _hoisted_5$7 = { class: "rj-colmenu-title" };
-const _hoisted_6$7 = { class: "rj-colmenu-ic" };
-const _hoisted_7$6 = {
+const _hoisted_1$9 = { class: "rj-colmenu-tabs" };
+const _hoisted_2$9 = ["onClick"];
+const _hoisted_3$9 = { class: "rj-colmenu-tab-ic" };
+const _hoisted_4$8 = { class: "rj-colmenu-body" };
+const _hoisted_5$8 = { class: "rj-colmenu-title" };
+const _hoisted_6$8 = { class: "rj-colmenu-ic" };
+const _hoisted_7$7 = {
   key: 0,
   class: "rj-colmenu-cur"
 };
-const _hoisted_8$6 = { class: "rj-colmenu-ic" };
+const _hoisted_8$7 = { class: "rj-colmenu-ic" };
 const _hoisted_9$5 = {
   key: 0,
   class: "rj-colmenu-cur"
@@ -7700,11 +7846,11 @@ const _hoisted_16$4 = {
   key: 0,
   class: "rj-colmenu-cur"
 };
-const _hoisted_17$4 = { class: "rj-colmenu-ic" };
-const _hoisted_18$4 = { class: "rj-colmenu-title" };
-const _hoisted_19$3 = { class: "rj-colmenu-draghint" };
-const _hoisted_20$3 = { class: "rj-colmenu-list" };
-const _hoisted_21$3 = ["onDragstart", "onDragover", "onDragleave", "onDrop"];
+const _hoisted_17$3 = { class: "rj-colmenu-ic" };
+const _hoisted_18$3 = { class: "rj-colmenu-title" };
+const _hoisted_19$2 = { class: "rj-colmenu-draghint" };
+const _hoisted_20$2 = { class: "rj-colmenu-list" };
+const _hoisted_21$2 = ["onDragstart", "onDragover", "onDragleave", "onDrop"];
 const _hoisted_22$2 = {
   class: "rj-colmenu-grip",
   title: ""
@@ -7712,7 +7858,7 @@ const _hoisted_22$2 = {
 const _hoisted_23$2 = ["title", "onClick"];
 const _hoisted_24$2 = ["title", "onClick"];
 const _hoisted_25$2 = { class: "rj-colmenu-foot" };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   ...{ name: "RjColumnMenu" },
   __name: "RjColumnMenu",
   props: {
@@ -7801,35 +7947,35 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         onMousedown: _cache[16] || (_cache[16] = withModifiers(() => {
         }, ["stop"]))
       }, [
-        createElementVNode("div", _hoisted_1$8, [
+        createElementVNode("div", _hoisted_1$9, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(visibleTabs), (tb) => {
             return openBlock(), createElementBlock("div", {
               key: tb.k,
               class: normalizeClass(["rj-colmenu-tab", { "is-active": tab.value === tb.k }]),
               onClick: ($event) => tab.value = tb.k
             }, [
-              createElementVNode("span", _hoisted_3$8, toDisplayString(tb.icon), 1),
+              createElementVNode("span", _hoisted_3$9, toDisplayString(tb.icon), 1),
               createTextVNode(toDisplayString(tb.label), 1)
-            ], 10, _hoisted_2$8);
+            ], 10, _hoisted_2$9);
           }), 128))
         ]),
-        createElementVNode("div", _hoisted_4$7, [
+        createElementVNode("div", _hoisted_4$8, [
           tab.value === "general" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createElementVNode("div", _hoisted_5$7, toDisplayString(_ctx.col.title || _ctx.colId), 1),
+            createElementVNode("div", _hoisted_5$8, toDisplayString(_ctx.col.title || _ctx.colId), 1),
             _ctx.canSort ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
               createElementVNode("div", {
                 class: "rj-colmenu-item",
                 onClick: _cache[0] || (_cache[0] = ($event) => pick(() => _ctx.$emit("sort", "asc")))
               }, [
-                createElementVNode("span", _hoisted_6$7, toDisplayString(unref(icons).sortAscending), 1),
+                createElementVNode("span", _hoisted_6$8, toDisplayString(unref(icons).sortAscending), 1),
                 createTextVNode(toDisplayString(unref(t)("sortAsc")) + " ", 1),
-                _ctx.sortDir === "asc" ? (openBlock(), createElementBlock("span", _hoisted_7$6, toDisplayString(unref(icons).checked), 1)) : createCommentVNode("", true)
+                _ctx.sortDir === "asc" ? (openBlock(), createElementBlock("span", _hoisted_7$7, toDisplayString(unref(icons).checked), 1)) : createCommentVNode("", true)
               ]),
               createElementVNode("div", {
                 class: "rj-colmenu-item",
                 onClick: _cache[1] || (_cache[1] = ($event) => pick(() => _ctx.$emit("sort", "desc")))
               }, [
-                createElementVNode("span", _hoisted_8$6, toDisplayString(unref(icons).sortDescending), 1),
+                createElementVNode("span", _hoisted_8$7, toDisplayString(unref(icons).sortDescending), 1),
                 createTextVNode(toDisplayString(unref(t)("sortDesc")) + " ", 1),
                 _ctx.sortDir === "desc" ? (openBlock(), createElementBlock("span", _hoisted_9$5, toDisplayString(unref(icons).checked), 1)) : createCommentVNode("", true)
               ]),
@@ -7878,7 +8024,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               class: "rj-colmenu-item",
               onClick: _cache[8] || (_cache[8] = ($event) => pick(() => _ctx.$emit("hide")))
             }, [
-              createElementVNode("span", _hoisted_17$4, toDisplayString(unref(icons).hidden), 1),
+              createElementVNode("span", _hoisted_17$3, toDisplayString(unref(icons).hidden), 1),
               createTextVNode(toDisplayString(unref(t)("hideColumn")), 1)
             ]),
             _ctx.canGroup ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
@@ -7888,7 +8034,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 onClick: _cache[9] || (_cache[9] = ($event) => pick(() => _ctx.$emit("group")))
               }, toDisplayString(unref(t)("groupBy")), 1)
             ], 64)) : createCommentVNode("", true)
-          ], 64)) : tab.value === "filter" ? (openBlock(), createBlock(_sfc_main$c, {
+          ], 64)) : tab.value === "filter" ? (openBlock(), createBlock(_sfc_main$d, {
             key: 1,
             inline: "",
             column: _ctx.col,
@@ -7899,9 +8045,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             onClear: _cache[11] || (_cache[11] = ($event) => _ctx.$emit("clear-filter")),
             onAdvanced: _cache[12] || (_cache[12] = ($event) => _ctx.$emit("advanced"))
           }, null, 8, ["column", "filter-type", "model", "unique-values"])) : tab.value === "columns" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-            createElementVNode("div", _hoisted_18$4, toDisplayString(unref(t)("columnsCount", { n: _ctx.columns.length })), 1),
-            createElementVNode("div", _hoisted_19$3, toDisplayString(unref(t)("colDragHint")), 1),
-            createElementVNode("div", _hoisted_20$3, [
+            createElementVNode("div", _hoisted_18$3, toDisplayString(unref(t)("columnsCount", { n: _ctx.columns.length })), 1),
+            createElementVNode("div", _hoisted_19$2, toDisplayString(unref(t)("colDragHint")), 1),
+            createElementVNode("div", _hoisted_20$2, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (c) => {
                 return openBlock(), createElementBlock("div", {
                   key: c.colId,
@@ -7935,7 +8081,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                     title: c.pinned === "left" ? unref(t)("pinnedLeft") + " · " + unref(t)("unpin") : c.pinned === "right" ? unref(t)("pinnedRight") + " · " + unref(t)("unpin") : unref(t)("pinColumn"),
                     onClick: ($event) => toggleColPin(c)
                   }, toDisplayString(unref(icons).pin), 11, _hoisted_24$2)
-                ], 42, _hoisted_21$3);
+                ], 42, _hoisted_21$2);
               }), 128))
             ]),
             createElementVNode("div", _hoisted_25$2, [
@@ -7952,14 +8098,14 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$7 = { class: "rj-panel" };
-const _hoisted_2$7 = { class: "rj-panel-tabs" };
-const _hoisted_3$7 = ["onClick"];
-const _hoisted_4$6 = { class: "rj-panel-body" };
-const _hoisted_5$6 = { class: "rj-panel-section" };
-const _hoisted_6$6 = ["onDragstart", "onDragover", "onDrop"];
-const _hoisted_7$5 = { class: "rj-panel-item-ops" };
-const _hoisted_8$5 = {
+const _hoisted_1$8 = { class: "rj-panel" };
+const _hoisted_2$8 = { class: "rj-panel-tabs" };
+const _hoisted_3$8 = ["onClick"];
+const _hoisted_4$7 = { class: "rj-panel-body" };
+const _hoisted_5$7 = { class: "rj-panel-section" };
+const _hoisted_6$7 = ["onDragstart", "onDragover", "onDrop"];
+const _hoisted_7$6 = { class: "rj-panel-item-ops" };
+const _hoisted_8$6 = {
   key: 0,
   class: "rj-panel-pin-tag"
 };
@@ -7974,11 +8120,11 @@ const _hoisted_16$3 = {
   class: "rj-panel-section",
   style: { "margin-top": "10px" }
 };
-const _hoisted_17$3 = ["onClick"];
-const _hoisted_18$3 = { class: "rj-panel-item-title" };
-const _hoisted_19$2 = { class: "rj-popup-row" };
-const _hoisted_20$2 = { style: { "display": "flex", "align-items": "center", "gap": "6px", "cursor": "pointer" } };
-const _hoisted_21$2 = ["checked"];
+const _hoisted_17$2 = ["onClick"];
+const _hoisted_18$2 = { class: "rj-panel-item-title" };
+const _hoisted_19$1 = { class: "rj-popup-row" };
+const _hoisted_20$1 = { style: { "display": "flex", "align-items": "center", "gap": "6px", "cursor": "pointer" } };
+const _hoisted_21$1 = ["checked"];
 const _hoisted_22$1 = { class: "rj-panel-section" };
 const _hoisted_23$1 = ["onClick"];
 const _hoisted_24$1 = ["checked"];
@@ -8010,7 +8156,7 @@ const _hoisted_39$1 = {
   class: "rj-panel-section"
 };
 const _hoisted_40$1 = { class: "rj-panel-item-title" };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   ...{ name: "RjToolPanel" },
   __name: "RjToolPanel",
   props: {
@@ -8107,19 +8253,19 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       var _a, _b;
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
-        createElementVNode("div", _hoisted_2$7, [
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+        createElementVNode("div", _hoisted_2$8, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(tabs.value, (tb) => {
             return openBlock(), createElementBlock("div", {
               key: tb.k,
               class: normalizeClass(["rj-panel-tab", { "is-active": tab.value === tb.k }]),
               onClick: ($event) => tab.value = tb.k
-            }, toDisplayString(tb.label), 11, _hoisted_3$7);
+            }, toDisplayString(tb.label), 11, _hoisted_3$8);
           }), 128))
         ]),
-        createElementVNode("div", _hoisted_4$6, [
+        createElementVNode("div", _hoisted_4$7, [
           tab.value === "cols" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createElementVNode("div", _hoisted_5$6, toDisplayString(unref(t)("panelColsHint")), 1),
+            createElementVNode("div", _hoisted_5$7, toDisplayString(unref(t)("panelColsHint")), 1),
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.leafList, (c) => {
               return openBlock(), createElementBlock("div", {
                 key: c.colId,
@@ -8133,8 +8279,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                   style: normalizeStyle({ opacity: c.hidden ? 0.4 : 1 }),
                   class: "rj-panel-item-title"
                 }, toDisplayString(c.title || c.colId), 5),
-                createElementVNode("span", _hoisted_7$5, [
-                  c.pinned ? (openBlock(), createElementBlock("span", _hoisted_8$5, toDisplayString(c.pinned === "right" ? unref(t)("pinTagRight") : unref(t)("pinTagLeft")), 1)) : createCommentVNode("", true),
+                createElementVNode("span", _hoisted_7$6, [
+                  c.pinned ? (openBlock(), createElementBlock("span", _hoisted_8$6, toDisplayString(c.pinned === "right" ? unref(t)("pinTagRight") : unref(t)("pinTagLeft")), 1)) : createCommentVNode("", true),
                   createElementVNode("span", {
                     class: normalizeClass(["rj-panel-pin", { "is-on": !!c.pinned }]),
                     title: c.pinned === "left" ? unref(t)("pinnedLeft") + " · " + unref(t)("unpin") : c.pinned === "right" ? unref(t)("pinnedRight") + " · " + unref(t)("unpin") : unref(t)("pinColumn"),
@@ -8145,7 +8291,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                     onClick: withModifiers(($event) => _ctx.$emit("toggle-hide", c.colId), ["stop"])
                   }, toDisplayString(c.hidden ? unref(icons).hidden : unref(icons).visible), 9, _hoisted_10$4)
                 ])
-              ], 42, _hoisted_6$6);
+              ], 42, _hoisted_6$7);
             }), 128))
           ], 64)) : tab.value === "group" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
             createElementVNode("div", _hoisted_11$4, toDisplayString(unref(t)("groupHere")), 1),
@@ -8183,18 +8329,18 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                   style: { "cursor": "pointer" },
                   onClick: ($event) => _ctx.$emit("group-add", dimKey(c))
                 }, [
-                  createElementVNode("span", _hoisted_18$3, toDisplayString(unref(icons).add) + " " + toDisplayString(c.title || c.colId), 1)
-                ], 8, _hoisted_17$3);
+                  createElementVNode("span", _hoisted_18$2, toDisplayString(unref(icons).add) + " " + toDisplayString(c.title || c.colId), 1)
+                ], 8, _hoisted_17$2);
               }), 128))
             ], 64)) : createCommentVNode("", true)
           ], 64)) : tab.value === "pivot" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-            createElementVNode("div", _hoisted_19$2, [
-              createElementVNode("label", _hoisted_20$2, [
+            createElementVNode("div", _hoisted_19$1, [
+              createElementVNode("label", _hoisted_20$1, [
                 createElementVNode("input", {
                   type: "checkbox",
                   checked: _ctx.pivot.active,
                   onChange: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("pivot-enable", $event.target.checked))
-                }, null, 40, _hoisted_21$2),
+                }, null, 40, _hoisted_21$1),
                 createTextVNode(" " + toDisplayString(unref(t)("enablePivot")), 1)
               ])
             ]),
@@ -8276,18 +8422,18 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$6 = {
+const _hoisted_1$7 = {
   class: "rj-pager-opt rj-pager-total",
   style: { "color": "var(--rj-text-secondary)" }
 };
-const _hoisted_2$6 = ["value"];
-const _hoisted_3$6 = ["value"];
-const _hoisted_4$5 = { class: "rj-pager-nav" };
-const _hoisted_5$5 = ["disabled"];
-const _hoisted_6$5 = ["disabled"];
-const _hoisted_7$4 = ["disabled"];
-const _hoisted_8$4 = ["disabled"];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _hoisted_2$7 = ["value"];
+const _hoisted_3$7 = ["value"];
+const _hoisted_4$6 = { class: "rj-pager-nav" };
+const _hoisted_5$6 = ["disabled"];
+const _hoisted_6$6 = ["disabled"];
+const _hoisted_7$5 = ["disabled"];
+const _hoisted_8$5 = ["disabled"];
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   ...{ name: "RjPager" },
   __name: "RjPager",
   props: {
@@ -8305,7 +8451,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["rj-pager", _ctx.variant === "top" ? "rj-pager-top" : "rj-pager-bottom"])
       }, [
-        createElementVNode("span", _hoisted_1$6, toDisplayString(unref(t)("pagerTotal", { n: _ctx.total })), 1),
+        createElementVNode("span", _hoisted_1$7, toDisplayString(unref(t)("pagerTotal", { n: _ctx.total })), 1),
         createElementVNode("select", {
           class: "rj-input rj-pager-opt rj-pager-size",
           value: _ctx.pageSize,
@@ -8315,44 +8461,44 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             return createElementVNode("option", {
               key: s,
               value: s
-            }, toDisplayString(unref(t)("perPage", { n: s })), 9, _hoisted_3$6);
+            }, toDisplayString(unref(t)("perPage", { n: s })), 9, _hoisted_3$7);
           }), 64))
-        ], 40, _hoisted_2$6),
-        createElementVNode("div", _hoisted_4$5, [
+        ], 40, _hoisted_2$7),
+        createElementVNode("div", _hoisted_4$6, [
           createElementVNode("button", {
             class: "rj-btn",
             disabled: _ctx.page <= 1,
             onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:page", 1))
-          }, toDisplayString(unref(t)("first")), 9, _hoisted_5$5),
+          }, toDisplayString(unref(t)("first")), 9, _hoisted_5$6),
           createElementVNode("button", {
             class: "rj-btn",
             disabled: _ctx.page <= 1,
             onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:page", _ctx.page - 1))
-          }, toDisplayString(unref(t)("prev")), 9, _hoisted_6$5),
+          }, toDisplayString(unref(t)("prev")), 9, _hoisted_6$6),
           createElementVNode("span", null, toDisplayString(_ctx.page) + " / " + toDisplayString(pages.value || 1), 1),
           createElementVNode("button", {
             class: "rj-btn",
             disabled: _ctx.page >= pages.value,
             onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("update:page", _ctx.page + 1))
-          }, toDisplayString(unref(t)("next")), 9, _hoisted_7$4),
+          }, toDisplayString(unref(t)("next")), 9, _hoisted_7$5),
           createElementVNode("button", {
             class: "rj-btn",
             disabled: _ctx.page >= pages.value,
             onClick: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("update:page", pages.value))
-          }, toDisplayString(unref(t)("last")), 9, _hoisted_8$4)
+          }, toDisplayString(unref(t)("last")), 9, _hoisted_8$5)
         ])
       ], 2);
     };
   }
 });
-const _hoisted_1$5 = { class: "rj-chart-dialog" };
-const _hoisted_2$5 = { class: "rj-chart-header" };
-const _hoisted_3$5 = { class: "rj-chart-body" };
-const _hoisted_4$4 = { style: { "display": "flex", "gap": "8px", "flex-wrap": "wrap", "align-items": "center" } };
-const _hoisted_5$4 = { class: "rj-radio-tabs" };
-const _hoisted_6$4 = ["onClick"];
-const _hoisted_7$3 = { value: "" };
-const _hoisted_8$3 = ["value"];
+const _hoisted_1$6 = { class: "rj-chart-dialog" };
+const _hoisted_2$6 = { class: "rj-chart-header" };
+const _hoisted_3$6 = { class: "rj-chart-body" };
+const _hoisted_4$5 = { style: { "display": "flex", "gap": "8px", "flex-wrap": "wrap", "align-items": "center" } };
+const _hoisted_5$5 = { class: "rj-radio-tabs" };
+const _hoisted_6$5 = ["onClick"];
+const _hoisted_7$4 = { value: "" };
+const _hoisted_8$4 = ["value"];
 const _hoisted_9$3 = { value: "" };
 const _hoisted_10$3 = ["value"];
 const _hoisted_11$3 = ["value"];
@@ -8362,7 +8508,7 @@ const _hoisted_14$3 = {
   key: 0,
   class: "rj-chart-warn"
 };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{ name: "RjChartDialog" },
   __name: "RjChartDialog",
   props: {
@@ -8534,23 +8680,23 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         class: "rj-chart-mask",
         onClick: _cache[5] || (_cache[5] = withModifiers(($event) => _ctx.$emit("close"), ["self"]))
       }, [
-        createElementVNode("div", _hoisted_1$5, [
-          createElementVNode("div", _hoisted_2$5, [
+        createElementVNode("div", _hoisted_1$6, [
+          createElementVNode("div", _hoisted_2$6, [
             createTextVNode(toDisplayString(unref(t)("chartTitle")) + " ", 1),
             createElementVNode("span", {
               class: "rj-chart-close",
               onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
             }, toDisplayString(unref(icons).remove), 1)
           ]),
-          createElementVNode("div", _hoisted_3$5, [
-            createElementVNode("div", _hoisted_4$4, [
-              createElementVNode("div", _hoisted_5$4, [
+          createElementVNode("div", _hoisted_3$6, [
+            createElementVNode("div", _hoisted_4$5, [
+              createElementVNode("div", _hoisted_5$5, [
                 (openBlock(), createElementBlock(Fragment, null, renderList(TYPE_KEYS, (tt) => {
                   return createElementVNode("span", {
                     key: tt.k,
                     class: normalizeClass({ "is-active": chartType.value === tt.k }),
                     onClick: ($event) => chartType.value = tt.k
-                  }, toDisplayString(unref(t)(tt.labelKey)), 11, _hoisted_6$4);
+                  }, toDisplayString(unref(t)(tt.labelKey)), 11, _hoisted_6$5);
                 }), 64))
               ]),
               withDirectives(createElementVNode("select", {
@@ -8558,12 +8704,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                 class: "rj-input",
                 style: { "padding": "0 4px" }
               }, [
-                createElementVNode("option", _hoisted_7$3, toDisplayString(unref(t)("chartPickX")), 1),
+                createElementVNode("option", _hoisted_7$4, toDisplayString(unref(t)("chartPickX")), 1),
                 (openBlock(true), createElementBlock(Fragment, null, renderList(dimCols.value, (c) => {
                   return openBlock(), createElementBlock("option", {
                     key: c.field,
                     value: c.field
-                  }, toDisplayString(c.title || c.field), 9, _hoisted_8$3);
+                  }, toDisplayString(c.title || c.field), 9, _hoisted_8$4);
                 }), 128))
               ], 512), [
                 [vModelSelect, xCat.value]
@@ -8728,41 +8874,251 @@ function queryActionConfirm(action, rows) {
     return "";
   return typeof action.confirm === "function" ? action.confirm(rows) : action.confirm;
 }
+const _hoisted_1$5 = { class: "rj-opt-text" };
+const _hoisted_2$5 = ["placeholder"];
+const _hoisted_3$5 = ["onMouseenter", "onClick"];
+const _hoisted_4$4 = ["onClick"];
+const _hoisted_5$4 = {
+  key: 1,
+  class: "rj-option-caret is-leaf"
+};
+const _hoisted_6$4 = ["checked", "onChange"];
+const _hoisted_7$3 = { class: "rj-option-label" };
+const _hoisted_8$3 = {
+  key: 0,
+  class: "rj-opt-empty"
+};
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...{ name: "RjOptionSelect" },
+  __name: "RjOptionSelect",
+  props: {
+    options: { default: () => [] },
+    modelValue: { default: void 0 },
+    multiple: { type: Boolean, default: false },
+    placeholder: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const t = inject(RJ_LOCALE_KEY, defaultTranslate);
+    const rootRef = ref();
+    const searchRef = ref();
+    const listRef = ref();
+    const open = ref(false);
+    const query = ref("");
+    const activeIdx = ref(-1);
+    const expanded = ref(new Set(collectParentKeys(props.options)));
+    watch(
+      () => props.options,
+      (opts) => {
+        expanded.value = collectParentKeys(opts);
+      }
+    );
+    const filteredTree = computed(() => filterOptionTree(props.options, query.value));
+    const visibleRows = computed(() => {
+      const q = (query.value || "").trim();
+      const tree = filteredTree.value;
+      const exp = q ? collectParentKeys(tree) : expanded.value;
+      return flattenTreeForRender(tree, exp);
+    });
+    const flat = computed(() => flattenOptions(props.options));
+    function labelOf(value) {
+      const hit = flat.value.find((o) => String(o.value) === String(value));
+      return hit ? String(hit.label) : String(value ?? "");
+    }
+    const chosen = computed(
+      () => props.multiple ? Array.isArray(props.modelValue) ? props.modelValue : [] : props.modelValue == null || props.modelValue === "" ? [] : [props.modelValue]
+    );
+    const displayText = computed(() => {
+      if (!chosen.value.length)
+        return "";
+      if (props.multiple)
+        return chosen.value.map((v) => labelOf(v)).join("、");
+      return labelOf(chosen.value[0]);
+    });
+    function isChosen(value) {
+      return chosen.value.some((v) => String(v) === String(value));
+    }
+    function toggle() {
+      if (open.value)
+        close();
+      else
+        openList();
+    }
+    function openList() {
+      open.value = true;
+      query.value = "";
+      activeIdx.value = visibleRows.value.length ? 0 : -1;
+      nextTick(() => {
+        var _a;
+        return (_a = searchRef.value) == null ? void 0 : _a.focus();
+      });
+      document.addEventListener("mousedown", onDocDown);
+    }
+    function close() {
+      open.value = false;
+      document.removeEventListener("mousedown", onDocDown);
+    }
+    function onDocDown(e) {
+      if (rootRef.value && !rootRef.value.contains(e.target))
+        close();
+    }
+    function toggleExpand(opt) {
+      const k = String(opt.value);
+      const next = new Set(expanded.value);
+      if (next.has(k))
+        next.delete(k);
+      else
+        next.add(k);
+      expanded.value = next;
+    }
+    function move(dir) {
+      const len = visibleRows.value.length;
+      if (!len)
+        return;
+      activeIdx.value = Math.min(len - 1, Math.max(0, activeIdx.value + dir));
+      nextTick(() => {
+        var _a, _b, _c;
+        const el = (_b = (_a = listRef.value) == null ? void 0 : _a.children) == null ? void 0 : _b[activeIdx.value];
+        (_c = el == null ? void 0 : el.scrollIntoView) == null ? void 0 : _c.call(el, { block: "nearest" });
+      });
+    }
+    function emitValue(v) {
+      emit("update:modelValue", v);
+    }
+    function pickSingle(opt) {
+      emitValue(opt.value);
+      close();
+    }
+    function toggleValue(opt) {
+      const cur = chosen.value.slice();
+      const i = cur.findIndex((v) => String(v) === String(opt.value));
+      if (i >= 0)
+        cur.splice(i, 1);
+      else
+        cur.push(opt.value);
+      emitValue(cur);
+    }
+    function onRowClick(row) {
+      if (props.multiple)
+        toggleValue(row.option);
+      else
+        pickSingle(row.option);
+    }
+    function confirmActive() {
+      const row = visibleRows.value[activeIdx.value];
+      if (row)
+        onRowClick(row);
+    }
+    onBeforeUnmount(() => document.removeEventListener("mousedown", onDocDown));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "rootRef",
+        ref: rootRef,
+        class: normalizeClass(["rj-opt-select", { "is-open": open.value }])
+      }, [
+        createElementVNode("button", {
+          type: "button",
+          class: normalizeClass(["rj-opt-trigger", { "is-placeholder": !displayText.value }]),
+          onClick: _cache[0] || (_cache[0] = ($event) => toggle())
+        }, [
+          createElementVNode("span", _hoisted_1$5, toDisplayString(displayText.value || _ctx.placeholder), 1),
+          _cache[8] || (_cache[8] = createElementVNode("span", {
+            class: "rj-opt-arrow",
+            "aria-hidden": "true"
+          }, "▾", -1))
+        ], 2),
+        withDirectives(createElementVNode("div", {
+          class: "rj-opt-panel",
+          onMousedown: _cache[7] || (_cache[7] = withModifiers(() => {
+          }, ["stop"]))
+        }, [
+          withDirectives(createElementVNode("input", {
+            ref_key: "searchRef",
+            ref: searchRef,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => query.value = $event),
+            class: "rj-opt-search",
+            type: "text",
+            placeholder: unref(t)("searchOptions"),
+            onKeydown: [
+              _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => move(1), ["prevent"]), ["down"])),
+              _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => move(-1), ["prevent"]), ["up"])),
+              _cache[4] || (_cache[4] = withKeys(withModifiers(($event) => confirmActive(), ["prevent"]), ["enter"])),
+              _cache[5] || (_cache[5] = withKeys(withModifiers(($event) => close(), ["prevent"]), ["esc"]))
+            ]
+          }, null, 40, _hoisted_2$5), [
+            [vModelText, query.value]
+          ]),
+          createElementVNode("div", {
+            ref_key: "listRef",
+            ref: listRef,
+            class: "rj-opt-list rj-option-tree"
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(visibleRows.value, (row, i) => {
+              return openBlock(), createElementBlock("div", {
+                key: String(row.option.value) + ":" + i,
+                class: normalizeClass(["rj-opt-row", { "is-active": i === activeIdx.value, "is-selected": isChosen(row.option.value) }]),
+                style: normalizeStyle({ paddingLeft: 8 + row.depth * 16 + "px" }),
+                onMouseenter: ($event) => activeIdx.value = i,
+                onClick: ($event) => onRowClick(row)
+              }, [
+                row.hasChildren ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  class: "rj-option-caret",
+                  onClick: withModifiers(($event) => toggleExpand(row.option), ["stop"])
+                }, toDisplayString(row.expanded ? "▾" : "▸"), 9, _hoisted_4$4)) : (openBlock(), createElementBlock("span", _hoisted_5$4)),
+                _ctx.multiple ? (openBlock(), createElementBlock("input", {
+                  key: 2,
+                  type: "checkbox",
+                  class: "rj-opt-check",
+                  checked: isChosen(row.option.value),
+                  onClick: _cache[6] || (_cache[6] = withModifiers(() => {
+                  }, ["stop"])),
+                  onChange: ($event) => toggleValue(row.option)
+                }, null, 40, _hoisted_6$4)) : createCommentVNode("", true),
+                createElementVNode("span", _hoisted_7$3, toDisplayString(row.option.label), 1)
+              ], 46, _hoisted_3$5);
+            }), 128)),
+            !visibleRows.value.length ? (openBlock(), createElementBlock("div", _hoisted_8$3, toDisplayString(unref(t)("noOptions")), 1)) : createCommentVNode("", true)
+          ], 512)
+        ], 544), [
+          [vShow, open.value]
+        ])
+      ], 2);
+    };
+  }
+});
 const _hoisted_1$4 = { class: "rj-query-bar" };
 const _hoisted_2$4 = { class: "rj-query-label" };
 const _hoisted_3$4 = ["value", "onChange"];
 const _hoisted_4$3 = ["value"];
-const _hoisted_5$3 = ["value", "onChange"];
-const _hoisted_6$3 = ["value"];
-const _hoisted_7$2 = ["value", "onChange"];
-const _hoisted_8$2 = { value: void 0 };
-const _hoisted_9$2 = ["value"];
-const _hoisted_10$2 = ["value", "placeholder", "onInput"];
-const _hoisted_11$2 = ["value", "placeholder", "onInput"];
-const _hoisted_12$2 = ["onClick"];
-const _hoisted_13$2 = {
+const _hoisted_5$3 = ["value", "placeholder", "onInput"];
+const _hoisted_6$3 = ["value", "placeholder", "onInput"];
+const _hoisted_7$2 = ["title", "onClick"];
+const _hoisted_8$2 = {
   value: "",
   disabled: ""
 };
-const _hoisted_14$2 = ["value"];
-const _hoisted_15$2 = {
+const _hoisted_9$2 = ["value"];
+const _hoisted_10$2 = {
   key: 0,
   value: "",
   disabled: ""
 };
-const _hoisted_16$2 = { class: "rj-query-actions" };
-const _hoisted_17$2 = { class: "rj-query-core" };
-const _hoisted_18$2 = {
+const _hoisted_11$2 = { class: "rj-query-actions" };
+const _hoisted_12$2 = { class: "rj-query-core" };
+const _hoisted_13$2 = {
   key: 0,
   class: "rj-query-sep",
   "aria-hidden": "true"
 };
-const _hoisted_19$1 = {
+const _hoisted_14$2 = {
   key: 1,
   class: "rj-query-action-btns"
 };
-const _hoisted_20$1 = ["disabled", "onClick"];
-const _hoisted_21$1 = {
+const _hoisted_15$2 = ["disabled", "onClick"];
+const _hoisted_16$2 = {
   key: 2,
   class: "rj-query-slot-btns"
 };
@@ -8872,12 +9228,19 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       c[key] = readVal(ev, numeric);
       emitList(list.value.slice());
     }
-    function setIn(c, ev) {
-      const sel = ev.target;
-      const vals = Array.from(sel.selectedOptions).map(
-        (o) => kindOf(c.field) === "number" ? Number(o.value) : o.value
-      );
-      c.value = vals;
+    function labelOf(field, value) {
+      const hit = flattenOptions(optionsOf(field)).find((o) => String(o.value) === String(value));
+      return hit ? String(hit.label) : String(value ?? "");
+    }
+    function setSingle(c, v) {
+      c.value = v;
+      c.valueText = v == null || v === "" ? "" : labelOf(c.field, v);
+      emitList(list.value.slice());
+    }
+    function setMulti(c, v) {
+      const arr = Array.isArray(v) ? v : [];
+      c.value = arr;
+      c.valueText = arr.map((x) => labelOf(c.field, x)).join("、");
       emitList(list.value.slice());
     }
     function onOp(c, ev) {
@@ -8931,33 +9294,22 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                 placeholder: unref(t)("queryTo"),
                 onInput: ($event) => setVal(c, "value2", $event)
               }, null, 40, ["type", "value", "placeholder", "onInput"]))
-            ], 64)) : c.operator === "in" ? (openBlock(), createElementBlock("select", {
+            ], 64)) : c.operator === "in" ? (openBlock(), createBlock(_sfc_main$5, {
               key: 1,
-              class: "rj-query-val",
+              class: "rj-query-select",
               multiple: "",
-              value: Array.isArray(c.value) ? c.value : [],
-              onChange: ($event) => setIn(c, $event)
-            }, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(optionsOf(c.field), (o) => {
-                return openBlock(), createElementBlock("option", {
-                  key: String(o.value),
-                  value: o.value
-                }, toDisplayString(o.label), 9, _hoisted_6$3);
-              }), 128))
-            ], 40, _hoisted_5$3)) : kindOf(c.field) === "select" ? (openBlock(), createElementBlock("select", {
+              options: optionsOf(c.field),
+              "model-value": Array.isArray(c.value) ? c.value : [],
+              placeholder: unref(t)("querySelect"),
+              "onUpdate:modelValue": ($event) => setMulti(c, $event)
+            }, null, 8, ["options", "model-value", "placeholder", "onUpdate:modelValue"])) : kindOf(c.field) === "select" ? (openBlock(), createBlock(_sfc_main$5, {
               key: 2,
-              class: "rj-query-val",
-              value: c.value,
-              onChange: ($event) => setVal(c, "value", $event, true)
-            }, [
-              createElementVNode("option", _hoisted_8$2, toDisplayString(unref(t)("querySelect")), 1),
-              (openBlock(true), createElementBlock(Fragment, null, renderList(optionsOf(c.field), (o) => {
-                return openBlock(), createElementBlock("option", {
-                  key: String(o.value),
-                  value: o.value
-                }, toDisplayString(o.label), 9, _hoisted_9$2);
-              }), 128))
-            ], 40, _hoisted_7$2)) : kindOf(c.field) === "number" ? (openBlock(), createElementBlock("input", {
+              class: "rj-query-select",
+              options: optionsOf(c.field),
+              "model-value": c.value,
+              placeholder: unref(t)("querySelect"),
+              "onUpdate:modelValue": ($event) => setSingle(c, $event)
+            }, null, 8, ["options", "model-value", "placeholder", "onUpdate:modelValue"])) : kindOf(c.field) === "number" ? (openBlock(), createElementBlock("input", {
               key: 3,
               class: "rj-query-val",
               type: "number",
@@ -8965,7 +9317,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               placeholder: unref(t)("queryInput"),
               onInput: ($event) => setVal(c, "value", $event),
               onKeyup: _cache[0] || (_cache[0] = withKeys(($event) => emit("search"), ["enter"]))
-            }, null, 40, _hoisted_10$2)) : (openBlock(), createElementBlock("input", {
+            }, null, 40, _hoisted_5$3)) : (openBlock(), createElementBlock("input", {
               key: 4,
               class: "rj-query-val",
               type: "text",
@@ -8973,12 +9325,12 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               placeholder: unref(t)("queryInput"),
               onInput: ($event) => setVal(c, "value", $event),
               onKeyup: _cache[1] || (_cache[1] = withKeys(($event) => emit("search"), ["enter"]))
-            }, null, 40, _hoisted_11$2)),
+            }, null, 40, _hoisted_6$3)),
             createElementVNode("span", {
               class: "rj-query-del",
-              title: "移除",
+              title: unref(t)("queryRemove"),
               onClick: ($event) => remove(i)
-            }, "✕", 8, _hoisted_12$2)
+            }, "✕", 8, _hoisted_7$2)
           ]);
         }), 128)),
         createElementVNode("select", {
@@ -8986,17 +9338,17 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           value: "",
           onChange: _cache[2] || (_cache[2] = ($event) => add($event))
         }, [
-          createElementVNode("option", _hoisted_13$2, "＋ " + toDisplayString(unref(t)("queryAddField")), 1),
+          createElementVNode("option", _hoisted_8$2, "＋ " + toDisplayString(unref(t)("queryAddField")), 1),
           (openBlock(true), createElementBlock(Fragment, null, renderList(available.value, (f) => {
             return openBlock(), createElementBlock("option", {
               key: f.field,
               value: f.field
-            }, toDisplayString(f.title) + "（" + toDisplayString(kindText(f.kind)) + "） ", 9, _hoisted_14$2);
+            }, toDisplayString(f.title) + "（" + toDisplayString(kindText(f.kind)) + "） ", 9, _hoisted_9$2);
           }), 128)),
-          !available.value.length ? (openBlock(), createElementBlock("option", _hoisted_15$2, toDisplayString(unref(t)("queryAllAdded")), 1)) : createCommentVNode("", true)
+          !available.value.length ? (openBlock(), createElementBlock("option", _hoisted_10$2, toDisplayString(unref(t)("queryAllAdded")), 1)) : createCommentVNode("", true)
         ], 32),
-        createElementVNode("span", _hoisted_16$2, [
-          createElementVNode("span", _hoisted_17$2, [
+        createElementVNode("span", _hoisted_11$2, [
+          createElementVNode("span", _hoisted_12$2, [
             createElementVNode("button", {
               class: "rj-btn rj-btn-primary",
               onClick: _cache[3] || (_cache[3] = ($event) => emit("search"))
@@ -9006,8 +9358,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               onClick: clearAll
             }, toDisplayString(unref(t)("queryReset")), 1)
           ]),
-          hasActions.value ? (openBlock(), createElementBlock("span", _hoisted_18$2)) : createCommentVNode("", true),
-          actionList.value.length ? (openBlock(), createElementBlock("span", _hoisted_19$1, [
+          hasActions.value ? (openBlock(), createElementBlock("span", _hoisted_13$2)) : createCommentVNode("", true),
+          actionList.value.length ? (openBlock(), createElementBlock("span", _hoisted_14$2, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(actionList.value, (a, i) => {
               return openBlock(), createElementBlock("button", {
                 key: i,
@@ -9019,10 +9371,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   createTextVNode(toDisplayString(a.icon), 1)
                 ], 64)) : createCommentVNode("", true),
                 createTextVNode(toDisplayString(a.name), 1)
-              ], 10, _hoisted_20$1);
+              ], 10, _hoisted_15$2);
             }), 128))
           ])) : createCommentVNode("", true),
-          _ctx.$slots.actions ? (openBlock(), createElementBlock("span", _hoisted_21$1, [
+          _ctx.$slots.actions ? (openBlock(), createElementBlock("span", _hoisted_16$2, [
             renderSlot(_ctx.$slots, "actions", { rows: selRows.value })
           ])) : createCommentVNode("", true)
         ])
@@ -9566,6 +9918,7 @@ function buildPrintHtml(input, opts = {}) {
   const headBg = o.headerDark ? "#4472c4" : "#eef1f6";
   const headColor = o.headerDark ? "#ffffff" : "#1f2329";
   const zebraRule = o.zebra ? "tbody tr:nth-child(even) td{background:#f7f9fc}" : "";
+  const rowBreakRule = input.matrix.length > 300 ? "tr { break-inside: auto; page-break-inside: auto; }" : "tr { page-break-inside: avoid; break-inside: avoid; }";
   const style = `
 @page { ${pageBox} margin: ${o.margins}mm; }
 ${o.pageNumbers ? `@page { @bottom-center { content: ${pageContentCss(o.pageNumberText)}; font-size: 10px; color: #999; } }` : ""}
@@ -9577,7 +9930,7 @@ body { font-family: -apple-system, "Segoe UI", "Microsoft YaHei", Arial, sans-se
 .rj-print-sub { font-size: 12px; color: #666; margin: 0 0 10px; }
 table { border-collapse: collapse; width: 100%; table-layout: ${o.scaleToFit ? "auto" : "fixed"}; font-size: 12px; }
 thead { display: table-header-group; }
-tr { page-break-inside: avoid; break-inside: avoid; }
+${rowBreakRule}
 th, td { border: ${border}; padding: 4px 8px; text-align: left; vertical-align: top; word-break: break-word; }
 thead th { background: ${headBg}; color: ${headColor}; font-weight: 600; text-align: center; }
 ${zebraRule}
@@ -9665,19 +10018,19 @@ const _hoisted_7 = {
 };
 const _hoisted_8 = { key: 0 };
 const _hoisted_9 = ["onClick"];
-const _hoisted_10 = ["title"];
-const _hoisted_11 = ["title"];
-const _hoisted_12 = ["title"];
-const _hoisted_13 = ["title"];
+const _hoisted_10 = ["data-tip", "aria-label"];
+const _hoisted_11 = ["data-tip", "aria-label"];
+const _hoisted_12 = ["data-tip", "aria-label"];
+const _hoisted_13 = ["data-tip", "aria-label"];
 const _hoisted_14 = {
   key: 5,
   class: "rj-export-group"
 };
-const _hoisted_15 = ["title"];
-const _hoisted_16 = ["title"];
-const _hoisted_17 = ["title"];
-const _hoisted_18 = ["title"];
-const _hoisted_19 = ["title"];
+const _hoisted_15 = ["data-tip"];
+const _hoisted_16 = ["data-tip"];
+const _hoisted_17 = ["data-tip"];
+const _hoisted_18 = ["data-tip"];
+const _hoisted_19 = ["data-tip", "aria-label"];
 const _hoisted_20 = { style: { "display": "flex", "flex": "1", "min-height": "0" } };
 const _hoisted_21 = ["role"];
 const _hoisted_22 = ["aria-rowindex", "aria-selected", "data-rk"];
@@ -9829,6 +10182,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     exportRange: { default: "auto" },
     serverExport: {},
     exportFileName: {},
+    printMaxRows: { default: 1e3 },
     exportRawValues: { type: Boolean },
     statusBar: { type: Boolean, default: true },
     statusAggregations: { default: () => ["sum", "avg", "count", "min", "max"] },
@@ -9880,7 +10234,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         if (!list || !list.length)
           continue;
         const labelMap = /* @__PURE__ */ new Map();
-        for (const o of list)
+        for (const o of flattenOptions(list))
           labelMap.set(String(o.value), String(o.label));
         m.set(colIdOf(col), { list, labelMap });
       }
@@ -10225,6 +10579,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const quickPop = ref(null);
     const quickInputRef = ref();
     function toggleQuickPop(ev) {
+      tip.value = null;
       if (quickPop.value) {
         quickPop.value = null;
         return;
@@ -10789,7 +11144,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (type === "select") {
         const optList = colOptionList(col);
         if (optList && optList.length) {
-          unique = optList.map((o) => String(o.value));
+          unique = flattenOptions(optList).map((o) => String(o.value));
         } else {
           unique = Array.from(
             new Set(
@@ -12307,25 +12662,50 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }));
     });
     const menu = ref(null);
-    function openMenuAt(x, y, items, above) {
+    const tip = ref(null);
+    function onTipOver(e) {
+      var _a2, _b;
+      const host = e.currentTarget;
+      const el = (_b = (_a2 = e.target) == null ? void 0 : _a2.closest) == null ? void 0 : _b.call(_a2, "[data-tip]");
+      if (!el || !host.contains(el))
+        return;
+      const r = el.getBoundingClientRect();
+      tip.value = { text: el.getAttribute("data-tip") || "", x: r.right, y: r.bottom + 6 };
+    }
+    function onTipOut(e) {
+      var _a2, _b;
+      const el = (_b = (_a2 = e.target) == null ? void 0 : _a2.closest) == null ? void 0 : _b.call(_a2, "[data-tip]");
+      const to = e.relatedTarget;
+      if (el && to && el.contains(to))
+        return;
+      tip.value = null;
+    }
+    function openMenuAt(x, y, items, above, estW = 220) {
       if (!items.length)
         return;
+      tip.value = null;
       const est = items.length * 28 + 16;
       const bottom = window.innerHeight - 8;
+      const xc = Math.max(8, Math.min(x, window.innerWidth - estW - 8));
       if (y + est <= bottom) {
-        menu.value = { items, x, y, limit: bottom };
+        menu.value = { items, x: xc, y, limit: bottom };
         return;
       }
       const lim = (above ?? y) - 6;
-      menu.value = { items, x, y: Math.max(8, (above ?? y) - est - 8), limit: lim };
+      menu.value = { items, x: xc, y: Math.max(8, (above ?? y) - est - 8), limit: lim };
     }
-    function onMenuReposition(h2) {
+    function onMenuReposition(h2, w) {
       const m = menu.value;
       if (!m)
         return;
       const lim = m.limit ?? window.innerHeight - 8;
+      const next = { ...m };
       if (m.y + h2 > lim)
-        menu.value = { ...m, y: Math.max(8, lim - h2) };
+        next.y = Math.max(8, lim - h2);
+      if (w && m.x + w > window.innerWidth - 8)
+        next.x = Math.max(8, window.innerWidth - 8 - w);
+      if (next.y !== m.y || next.x !== m.x)
+        menu.value = next;
     }
     function onMenuSelect(item) {
       var _a2;
@@ -12363,7 +12743,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (type === "select") {
         const optList = colOptionList(col);
         if (optList && optList.length) {
-          unique = optList.map((o) => String(o.value));
+          unique = flattenOptions(optList).map((o) => String(o.value));
         } else {
           unique = Array.from(
             new Set(
@@ -12607,7 +12987,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           { isSeparator: true },
           { name: t("scopeServer"), action: () => callServerExport(fmt) }
         );
-      openMenuAt(ev.clientX, ev.clientY, items);
+      const el = ev.currentTarget;
+      const r = el.getBoundingClientRect();
+      openMenuAt(r.left, r.bottom + 6, items, r.top);
     }
     function runFormat(fmt, scope) {
       if (fmt === "print")
@@ -12727,7 +13109,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return v.join(" ");
       return displayOf(col, v, row, 0);
     }
-    function buildPrintInput(params) {
+    function buildPrintInput(params, limit = 0) {
       const cols = exportColumnsOf(params);
       const columns = cols.map((c) => {
         var _a2;
@@ -12739,26 +13121,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
       const matrix = [];
       const rowStyles = [];
+      const capped = limit > 0;
+      const full = () => capped && matrix.length >= limit;
       const pushRow = (d, kind) => {
         matrix.push(cols.map((c) => printTextOf(c, d.data)));
         rowStyles.push(kind);
       };
       const scope = scopeOf(params);
       if (scope === "view") {
-        rowModel.processed.value.displayRows.forEach((d) => {
+        for (const d of rowModel.processed.value.displayRows) {
+          if (full())
+            break;
           if (d.type === "group" && !d.isFooter)
             pushRow(d, 1);
           else if (d.type === "row")
             pushRow(d, 0);
-        });
+        }
       } else {
-        pickExportRows(scope, exportRowSource(), false).forEach((r) => {
+        for (const r of pickExportRows(scope, exportRowSource(), false)) {
+          if (full())
+            break;
           matrix.push(cols.map((c) => printTextOf(c, r)));
           rowStyles.push(0);
-        });
+        }
       }
       const srow = rowModel.summaryRow.value;
-      if (scope === "view" && props.showSummary && srow) {
+      if (scope === "view" && props.showSummary && srow && !full()) {
         matrix.push(
           cols.map((c) => {
             const raw = srow[colIdOf(c)] ?? cellRawValue(c, srow);
@@ -12796,8 +13184,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       warnIfLoadedOnly(scopeOf(params));
       withExportBusy(() => runPrint(params));
     }
+    function printRowEstimate(scope) {
+      if (scope === "view")
+        return rowModel.processed.value.displayRows.reduce(
+          (n, d) => n + (d.type === "row" || d.type === "group" && !d.isFooter ? 1 : 0),
+          0
+        );
+      return pickExportRows(scope, exportRowSource(), false).length;
+    }
     function runPrint(params) {
-      printHtml(buildPrintInput(params), printOpts(params));
+      const cap = props.printMaxRows;
+      const total = printRowEstimate(scopeOf(params));
+      const limit = cap > 0 && total > cap ? cap : 0;
+      const input = buildPrintInput(params, limit);
+      if (limit)
+        showToast(t("printCap", { n: cap, total }));
+      printHtml(input, printOpts(params));
     }
     const rowGroupPayload = computed(() => {
       void aggRev.value;
@@ -12993,7 +13395,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           strictOptions = true;
         } else if (resolvedOpts && resolvedOpts.length) {
           filterType = "select";
-          options = resolvedOpts.map((o) => String(o.label ?? o.value));
+          options = flattenOptions(resolvedOpts).map((o) => String(o.label ?? o.value));
           strictOptions = true;
         } else if (filterType === "select") {
           const set = /* @__PURE__ */ new Set();
@@ -13292,6 +13694,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         scheduleSave();
         dispatchEvent("columnEverythingChanged", {});
       },
+      /** 清除宽度覆盖：把列宽还原到列定义/内容自适应默认值（配合 autoSizeAll 做「自适应↔还原」切换） */
+      resetColumnWidths: () => {
+        colState.clearWidths();
+        applyDefaultAutoWidths();
+        scheduleSave();
+        dispatchEvent("columnEverythingChanged", {});
+      },
       // 主题 / i18n（运行时切换）
       setTheme: (params) => {
         themeState.value = { ...params };
@@ -13461,7 +13870,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             selection.size ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(t("selRows", { n: selection.size })), 1)) : createCommentVNode("", true)
           ]),
           createElementVNode("div", _hoisted_5, [
-            pagerAtTop.value ? (openBlock(), createBlock(_sfc_main$6, {
+            pagerAtTop.value ? (openBlock(), createBlock(_sfc_main$7, {
               key: 0,
               class: "rj-pager-inline",
               variant: "top",
@@ -13533,18 +13942,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onDragover: _cache[21] || (_cache[21] = withModifiers(() => {
             }, ["stop"])),
             onDrop: _cache[22] || (_cache[22] = withModifiers(() => {
-            }, ["stop"]))
+            }, ["stop"])),
+            onPointerover: onTipOver,
+            onPointerout: onTipOut,
+            onFocusin: onTipOver,
+            onFocusout: onTipOut
           }, [
             _ctx.quickFilterEnabled ? (openBlock(), createElementBlock("button", {
               key: 0,
               class: normalizeClass(["rj-btn rj-tool-btn rj-quick-btn", { "is-active": !!unref(rowModel).quickFilter.value }]),
-              title: t("quickBtn"),
+              "data-tip": t("quickBtn"),
+              "aria-label": t("quickBtn"),
               onClick: _cache[9] || (_cache[9] = ($event) => toggleQuickPop($event))
             }, "🔍", 10, _hoisted_10)) : createCommentVNode("", true),
             _ctx.viewable ? (openBlock(), createElementBlock("button", {
               key: 1,
               class: normalizeClass(["rj-btn rj-tool-btn rj-view-btn", { "is-active": !!currentViewId.value }]),
-              title: t("viewBtn"),
+              "data-tip": t("viewBtn"),
+              "aria-label": t("viewBtn"),
               onClick: _cache[10] || (_cache[10] = ($event) => openViewMenu($event))
             }, "◈", 10, _hoisted_11)) : createCommentVNode("", true),
             showExpandCollapse.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
@@ -13564,12 +13979,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, toDisplayString(t("chart")), 1)) : createCommentVNode("", true),
             createElementVNode("button", {
               class: "rj-btn",
-              title: t("density") + " · " + DENSITY_LABELS.value[densityIdx.value],
+              "data-tip": t("density") + " · " + DENSITY_LABELS.value[densityIdx.value],
+              "aria-label": t("density"),
               onClick: _cache[14] || (_cache[14] = ($event) => densityIdx.value = (densityIdx.value + 1) % 3)
             }, toDisplayString(["▤", "☰", "▥"][densityIdx.value]), 9, _hoisted_12),
             createElementVNode("button", {
               class: "rj-btn",
-              title: dark.value ? t("toLight") : t("toDark"),
+              "data-tip": dark.value ? t("toLight") : t("toDark"),
+              "aria-label": dark.value ? t("toLight") : t("toDark"),
               onClick: _cache[15] || (_cache[15] = ($event) => toggleDark())
             }, toDisplayString(dark.value ? "☀" : "🌙"), 9, _hoisted_13),
             _ctx.toolPanel ? (openBlock(), createElementBlock("button", {
@@ -13580,29 +13997,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _ctx.exportable ? (openBlock(), createElementBlock("div", _hoisted_14, [
               createElementVNode("button", {
                 class: "rj-btn rj-btn-export rj-export-btn",
-                title: t("printTip"),
+                "data-tip": t("printTip"),
                 onClick: _cache[17] || (_cache[17] = ($event) => openRangeMenu($event, "print"))
               }, toDisplayString(t("printBtn")), 9, _hoisted_15),
               createElementVNode("button", {
                 class: "rj-btn rj-btn-export rj-export-btn",
-                title: t("csvTip"),
+                "data-tip": t("csvTip"),
                 onClick: _cache[18] || (_cache[18] = ($event) => openRangeMenu($event, "csv"))
               }, " CSV ", 8, _hoisted_16),
               createElementVNode("button", {
                 class: "rj-btn rj-btn-export rj-export-btn",
-                title: t("pdfTip"),
+                "data-tip": t("pdfTip"),
                 onClick: _cache[19] || (_cache[19] = ($event) => openRangeMenu($event, "pdf"))
               }, " PDF ", 8, _hoisted_17),
               createElementVNode("button", {
                 class: "rj-btn rj-btn-export rj-export-btn",
-                title: t("excelTip"),
+                "data-tip": t("excelTip"),
                 onClick: _cache[20] || (_cache[20] = ($event) => openRangeMenu($event, "excel"))
               }, " Excel ", 8, _hoisted_18)
             ])) : createCommentVNode("", true),
             _ctx.stateKey ? (openBlock(), createElementBlock("button", {
               key: 6,
               class: "rj-btn",
-              title: t("resetState"),
+              "data-tip": t("resetState"),
+              "aria-label": t("resetState"),
               onClick: resetState
             }, "↺", 8, _hoisted_19)) : createCommentVNode("", true)
           ], 32)) : createCommentVNode("", true)
@@ -13616,7 +14034,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: "rj-header",
               style: normalizeStyle({ height: headerTotalHeight.value + frowH.value + "px" })
             }, [
-              createVNode(_sfc_main$h, {
+              createVNode(_sfc_main$i, {
                 "level-cells": levelCells.value,
                 "total-width": layout.value.totalWidth,
                 "scroll-left": scrollLeft.value,
@@ -13646,7 +14064,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 style: normalizeStyle(headerClipStyle("left")),
                 "aria-hidden": "true"
               }, [
-                createVNode(_sfc_main$h, {
+                createVNode(_sfc_main$i, {
                   "level-cells": levelCells.value,
                   "total-width": layout.value.totalWidth,
                   "scroll-left": 0,
@@ -13675,7 +14093,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 style: normalizeStyle(headerClipStyle("right")),
                 "aria-hidden": "true"
               }, [
-                createVNode(_sfc_main$h, {
+                createVNode(_sfc_main$i, {
                   "level-cells": levelCells.value,
                   "total-width": layout.value.totalWidth,
                   "scroll-left": Math.max(layout.value.totalWidth - layout.value.rightWidth, 0),
@@ -13738,7 +14156,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         [vShow, isHoverRow(vr.row)]
                       ]),
                       vr.row.type === "row" || vr.row.type === "group" ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(cellsOf(vr.row, vr.i, windowLeaves.value), (cell) => {
-                        return openBlock(), createBlock(_sfc_main$d, mergeProps({
+                        return openBlock(), createBlock(_sfc_main$e, mergeProps({
                           key: cell.leaf.colId,
                           ref_for: true
                         }, cellProps(cell, vr), {
@@ -13826,7 +14244,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         [vShow, isHoverRow(vr.row)]
                       ]),
                       vr.row.type === "row" || vr.row.type === "group" ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(cellsOf(vr.row, vr.i, layout.value.leftLeaves), (cell) => {
-                        return openBlock(), createBlock(_sfc_main$d, mergeProps({
+                        return openBlock(), createBlock(_sfc_main$e, mergeProps({
                           key: cell.leaf.colId,
                           ref_for: true
                         }, cellProps(cell, vr, "left"), {
@@ -13878,7 +14296,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         [vShow, isHoverRow(vr.row)]
                       ]),
                       vr.row.type === "row" || vr.row.type === "group" ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(cellsOf(vr.row, vr.i, layout.value.rightLeaves), (cell) => {
-                        return openBlock(), createBlock(_sfc_main$d, mergeProps({
+                        return openBlock(), createBlock(_sfc_main$e, mergeProps({
                           key: cell.leaf.colId,
                           ref_for: true
                         }, cellProps(cell, vr, "right"), {
@@ -13958,7 +14376,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   })
                 }, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(pinCells(prow), (cell) => {
-                    return openBlock(), createBlock(_sfc_main$d, mergeProps({
+                    return openBlock(), createBlock(_sfc_main$e, mergeProps({
                       key: cell.leaf.colId,
                       ref_for: true
                     }, cellProps(cell, { row: pinnedAsDisplay(prow), i: -1 }), { "grid-slots": _ctx.$slots }), null, 16, ["grid-slots"]);
@@ -13981,7 +14399,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       })
                     }, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(pinCellsSide(prow, side.leaves), (cell) => {
-                        return openBlock(), createBlock(_sfc_main$d, mergeProps({
+                        return openBlock(), createBlock(_sfc_main$e, mergeProps({
                           key: cell.leaf.colId,
                           ref_for: true
                         }, cellProps(cell, { row: pinnedAsDisplay(prow), i: -1 }), { "grid-slots": _ctx.$slots }), null, 16, ["grid-slots"]);
@@ -14003,7 +14421,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 })
               }, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(gridCols.value, (leaf) => {
-                  return openBlock(), createBlock(_sfc_main$d, mergeProps({
+                  return openBlock(), createBlock(_sfc_main$e, mergeProps({
                     key: leaf.colId,
                     ref_for: true
                   }, pinRowCellProps(leaf, unref(rowModel).summaryRow.value, true), { "grid-slots": _ctx.$slots }), null, 16, ["grid-slots"]);
@@ -14026,7 +14444,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     })
                   }, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(side.leaves, (leaf) => {
-                      return openBlock(), createBlock(_sfc_main$d, mergeProps({
+                      return openBlock(), createBlock(_sfc_main$e, mergeProps({
                         key: leaf.colId,
                         ref_for: true
                       }, pinRowCellProps(leaf, unref(rowModel).summaryRow.value, true), { "grid-slots": _ctx.$slots }), null, 16, ["grid-slots"]);
@@ -14051,7 +14469,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   })
                 }, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(pinCells(prow), (cell) => {
-                    return openBlock(), createBlock(_sfc_main$d, mergeProps({
+                    return openBlock(), createBlock(_sfc_main$e, mergeProps({
                       key: cell.leaf.colId,
                       ref_for: true
                     }, cellProps(cell, { row: pinnedAsDisplay(prow), i: -1 }), { "grid-slots": _ctx.$slots }), null, 16, ["grid-slots"]);
@@ -14074,7 +14492,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       })
                     }, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(pinCellsSide(prow, side.leaves), (cell) => {
-                        return openBlock(), createBlock(_sfc_main$d, mergeProps({
+                        return openBlock(), createBlock(_sfc_main$e, mergeProps({
                           key: cell.leaf.colId,
                           ref_for: true
                         }, cellProps(cell, { row: pinnedAsDisplay(prow), i: -1 }), { "grid-slots": _ctx.$slots }), null, 16, ["grid-slots"]);
@@ -14086,7 +14504,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }), 128)),
             _ctx.dataMode === "infinite" && unref(rowModel).loadingMore.value ? (openBlock(), createElementBlock("div", _hoisted_38, toDisplayString(t("loadMore")), 1)) : createCommentVNode("", true)
           ], 8, _hoisted_21),
-          _ctx.toolPanel && panelOpen.value ? (openBlock(), createBlock(_sfc_main$7, {
+          _ctx.toolPanel && panelOpen.value ? (openBlock(), createBlock(_sfc_main$8, {
             key: 0,
             "leaf-list": panelLeaves.value,
             "pivot-leaf-list": panelCandidateLeaves.value,
@@ -14111,7 +14529,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, null, 8, ["leaf-list", "pivot-leaf-list", "pivot-value-default", "grouped-fields", "pivot", "filters", "quick-filter"])) : createCommentVNode("", true)
         ]),
         pagerAtBottom.value ? (openBlock(), createElementBlock("div", _hoisted_39, [
-          createVNode(_sfc_main$6, {
+          createVNode(_sfc_main$7, {
             page: pagerPage.value,
             "onUpdate:page": _cache[41] || (_cache[41] = ($event) => pagerPage.value = $event),
             "page-size": pagerSize.value,
@@ -14147,7 +14565,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             rangeStats.value.perCol.length > 6 ? (openBlock(), createElementBlock("span", _hoisted_48, toDisplayString(t("moreCols", { n: rangeStats.value.perCol.length - 6 })), 1)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
-        filterMenu.value ? (openBlock(), createBlock(_sfc_main$c, {
+        filterMenu.value ? (openBlock(), createBlock(_sfc_main$d, {
           key: 6,
           column: filterMenu.value.col,
           "filter-type": filterMenu.value.type,
@@ -14159,7 +14577,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onClear: clearFilterMenu,
           onAdvanced: openAdvancedFilter
         }, null, 8, ["column", "filter-type", "model", "x", "y", "unique-values"])) : createCommentVNode("", true),
-        advDialog.value ? (openBlock(), createBlock(_sfc_main$a, {
+        advDialog.value ? (openBlock(), createBlock(_sfc_main$b, {
           key: 7,
           model: unref(rowModel).advancedFilter.value,
           columns: advFilterColumns.value,
@@ -14169,16 +14587,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onClear: clearAdvancedFilter,
           onClose: _cache[43] || (_cache[43] = ($event) => advDialog.value = null)
         }, null, 8, ["model", "columns", "x", "y"])) : createCommentVNode("", true),
-        menu.value ? (openBlock(), createBlock(_sfc_main$9, {
+        tip.value ? (openBlock(), createElementBlock("div", {
           key: 8,
+          class: "rj-tip",
+          role: "tooltip",
+          style: normalizeStyle({ left: tip.value.x + "px", top: tip.value.y + "px" })
+        }, toDisplayString(tip.value.text), 5)) : createCommentVNode("", true),
+        menu.value ? (openBlock(), createBlock(_sfc_main$a, {
+          key: 9,
           items: menu.value.items,
           x: menu.value.x,
           y: menu.value.y,
           onSelect: onMenuSelect,
           onReposition: onMenuReposition
         }, null, 8, ["items", "x", "y"])) : createCommentVNode("", true),
-        colMenu.value ? (openBlock(), createBlock(_sfc_main$8, {
-          key: 9,
+        colMenu.value ? (openBlock(), createBlock(_sfc_main$9, {
+          key: 10,
           col: colMenu.value.col,
           "col-id": colMenu.value.colId,
           x: colMenu.value.x,
@@ -14205,14 +14629,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onToggleColPin: colMenuToggleColPin,
           onColDrop
         }, null, 8, ["col", "col-id", "x", "y", "can-sort", "can-filter", "can-group", "sort-dir", "pinned", "filter-type", "filter-model", "unique-values", "columns"])) : createCommentVNode("", true),
-        chartOpen.value ? (openBlock(), createBlock(_sfc_main$5, {
-          key: 10,
+        chartOpen.value ? (openBlock(), createBlock(_sfc_main$6, {
+          key: 11,
           columns: pipelineCols.value,
           rows: chartRows.value,
           onClose: _cache[44] || (_cache[44] = ($event) => chartOpen.value = false)
         }, null, 8, ["columns", "rows"])) : createCommentVNode("", true),
         rowFormDlg.value ? (openBlock(), createBlock(_sfc_main$3, {
-          key: 11,
+          key: 12,
           fields: rowFormDlg.value.fields,
           rows: rowFormDlg.value.rows,
           mode: rowFormDlg.value.mode,
@@ -14222,13 +14646,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onClose: _cache[45] || (_cache[45] = ($event) => rowFormDlg.value = null)
         }, null, 8, ["fields", "rows", "mode", "title", "width"])) : createCommentVNode("", true),
         confirmDlg.value ? (openBlock(), createBlock(_sfc_main$2, {
-          key: 12,
+          key: 13,
           message: confirmDlg.value.message,
           onOk: onConfirmOk,
           onCancel: _cache[46] || (_cache[46] = ($event) => confirmDlg.value = null)
         }, null, 8, ["message"])) : createCommentVNode("", true),
         dragGhost.value ? (openBlock(), createElementBlock("div", {
-          key: 13,
+          key: 14,
           ref_key: "dragGhostRef",
           ref: dragGhostRef,
           class: "rj-drag-ghost",
@@ -14249,7 +14673,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           !dragGhost.value.cells.length ? (openBlock(), createElementBlock("span", _hoisted_51, toDisplayString(t("dragRow")), 1)) : createCommentVNode("", true)
         ], 4)) : createCommentVNode("", true),
         imgPreview.value ? (openBlock(), createElementBlock("div", {
-          key: 14,
+          key: 15,
           class: "rj-img-viewer",
           role: "dialog",
           "aria-modal": "true",