rj-grid 0.2.1 → 0.2.2

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)
@@ -785,7 +770,8 @@ function withCarrierOptions(fields, carrier) {
     return {
       ...f,
       kind: "select",
-      options: hit.list.map((o) => ({ label: o.label, value: o.value }))
+      // 直接透传载体列表（可能为树，带 children），供查询栏下拉按层级渲染 + 搜索
+      options: hit.list
     };
   });
 }
@@ -4552,32 +4538,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;
   };
-  walk(raw);
+  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(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 {
@@ -6013,14 +6055,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 +6265,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 +6276,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 +6291,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 +6322,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 +6330,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 +6420,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 +6466,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 +6493,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 +6545,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 +6561,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 +6579,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 +6622,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 +6631,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 +6655,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 +6670,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 +6715,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 +6821,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 +7063,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 +7094,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 +7107,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 +7123,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 +7138,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 +7165,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 +7255,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 +7275,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 +7295,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 +7371,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 +7389,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 +7477,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 +7493,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 +7506,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 +7516,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 +7529,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 +7573,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 +7633,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 +7659,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: {
@@ -7638,7 +7715,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 +7724,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 +7777,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 +7789,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 +7878,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 +7955,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 +7965,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 +7976,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 +8012,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 +8029,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 +8051,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 +8087,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 +8184,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 +8210,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 +8222,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 +8260,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 +8353,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 +8382,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 +8392,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 +8439,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 +8611,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 +8635,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 +8805,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 = ["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 +9159,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 +9225,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 +9248,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 +9256,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: "移除",
               onClick: ($event) => remove(i)
-            }, "✕", 8, _hoisted_12$2)
+            }, "✕", 8, _hoisted_7$2)
           ]);
         }), 128)),
         createElementVNode("select", {
@@ -8986,17 +9269,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 +9289,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 +9302,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)
         ])
@@ -9880,7 +10163,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 });
       }
@@ -10789,7 +11072,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(
@@ -12363,7 +12646,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(
@@ -12993,7 +13276,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();
@@ -13461,7 +13744,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",
@@ -13616,7 +13899,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 +13929,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 +13958,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 +14021,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 +14109,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 +14161,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 +14241,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 +14264,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 +14286,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 +14309,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 +14334,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 +14357,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 +14369,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 +14394,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 +14430,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 +14442,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,7 +14452,7 @@ 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, {
+        menu.value ? (openBlock(), createBlock(_sfc_main$a, {
           key: 8,
           items: menu.value.items,
           x: menu.value.x,
@@ -14177,7 +14460,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onSelect: onMenuSelect,
           onReposition: onMenuReposition
         }, null, 8, ["items", "x", "y"])) : createCommentVNode("", true),
-        colMenu.value ? (openBlock(), createBlock(_sfc_main$8, {
+        colMenu.value ? (openBlock(), createBlock(_sfc_main$9, {
           key: 9,
           col: colMenu.value.col,
           "col-id": colMenu.value.colId,
@@ -14205,7 +14488,7 @@ 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, {
+        chartOpen.value ? (openBlock(), createBlock(_sfc_main$6, {
           key: 10,
           columns: pipelineCols.value,
           rows: chartRows.value,