@duxweb/dvha-pro 1.1.30 → 1.2.0

package/dist/esm/components/layout/list.js

@@ -1,622 +1,403 @@
-import { defineComponent as ye, toRef as $, computed as c, reactive as T, unref as we, ref as F, createVNode as e, watch as O, nextTick as k, onMounted as ke, h as J, mergeProps as Se, toRaw as B } from "vue";
-import { useI18n as Re, useExtendList as Ce, useJsonSchema as K, useTabStore as ze } from "@duxweb/dvha-core";
-import { useWindowSize as je } from "@vueuse/core";
-import { cloneDeep as V, isEqual as Pe } from "lodash-es";
-import { NButton as d, NTabs as Le, NTab as Ae, NSpin as Te, NTooltip as S, NCheckbox as Fe, NProgress as Oe, NPagination as Be, NDrawer as Q } from "naive-ui";
-import { useAction as De } from "../../hooks/action.js";
-import "@overlastic/vue";
-import "clsx";
-import "vue-echarts";
-import "vue3-ace-editor";
-import "ace-builds/src-noconflict/mode-vue";
-import "ace-builds/src-noconflict/mode-javascript";
-import "ace-builds/src-noconflict/mode-html";
-import "ace-builds/src-noconflict/mode-json";
-import "ace-builds/src-noconflict/mode-json5";
-import "ace-builds/src-noconflict/theme-tomorrow_night";
-import "ace-builds/src-noconflict/theme-tomorrow";
-import "ace-builds/src-noconflict/ext-searchbox";
-import "ace-builds/src-noconflict/ext-language_tools";
-import "ace-builds/src-noconflict/mode-snippets";
-import "vue-cropper";
-import "jinrishici";
-import { DuxTableFilter as Ee } from "./filter.js";
-import "@vee-validate/i18n";
-import "colorizr";
-import "echarts";
-import "highlight.js/lib/core";
-import "highlight.js/lib/languages/bash";
-import "highlight.js/lib/languages/css";
-import "highlight.js/lib/languages/go";
-import "highlight.js/lib/languages/java";
-import "highlight.js/lib/languages/javascript";
-import "highlight.js/lib/languages/json";
-import "highlight.js/lib/languages/markdown";
-import "highlight.js/lib/languages/php";
-import "highlight.js/lib/languages/python";
-import "highlight.js/lib/languages/shell";
-import "highlight.js/lib/languages/sql";
-import "highlight.js/lib/languages/typescript";
-import "highlight.js/lib/languages/xml";
-import "@ant-design/colors";
-import "@unocss/preset-icons/browser";
-import "@unocss/preset-typography";
-import "unocss/preset-wind4";
-import "@vee-validate/i18n/dist/locale/en.json";
-import "@vee-validate/i18n/dist/locale/zh_CN.json";
-import "vee-validate";
-import "vue-router";
-import "@duxweb/dvha-naiveui";
-import "vue-command-palette";
-import { DuxPage as Ne } from "../../pages/page.js";
-import "../../pages/page404.js";
-import { DuxPageEmpty as Ue } from "../../pages/pageEmpty.js";
-import { DuxDrawerPage as G } from "../drawer/drawerPage.js";
-import { DuxTableTools as qe } from "./tools.js";
-import "vue-draggable-plus";
-import "short-unique-id";
-import "aieditor";
-import "@vue-flow/core";
-import "lodash-es/cloneDeep";
-import "@vue-flow/background";
-/* empty css                      */
-import "mime";
-import "@iconify-json/tabler/icons.json";
-import "../posterEditor/elements/index.js";
-import "fabric";
-import "../schemaEditor/schemaEditor.js";
-import "dayjs";
-import "@tanstack/vue-query";
-import "pinia";
-const aa = /* @__PURE__ */ ye({
-  name: "DuxListLayout",
-  props: {
-    rowKey: {
-      type: String,
-      default: "id"
-    },
-    path: {
-      type: String,
-      required: !0
-    },
-    filter: {
-      type: Object
-    },
-    filterSchema: {
-      type: Array
-    },
-    filterReactive: {
-      type: Object
-    },
-    filterType: {
-      type: String,
-      default: "simple"
-    },
-    pagination: {
-      type: [Boolean, Object],
-      default: !0
-    },
-    tabs: {
-      type: Array
-    },
-    title: {
-      type: String,
-      default: ""
-    },
-    tools: {
-      type: Object
-    },
-    actions: {
-      type: Array,
-      default: () => []
-    },
-    checkable: {
-      type: Boolean
-    },
-    sideLeftTitle: {
-      type: String,
-      default: ""
-    },
-    sideRightTitle: {
-      type: String,
-      default: ""
-    },
-    batchOptions: {
-      type: Array
-    },
-    hookListProps: {
-      type: Object
-    }
-  },
-  setup(l, {
-    slots: r,
-    expose: H
-  }) {
-    const p = $(l, "filter", {}), b = c(() => l.filterReactive || {}), {
-      t: s
-    } = Re(), {
-      renderAction: X
-    } = De(), Y = $(l.pagination && typeof l.pagination == "object" ? l.pagination : {
-      page: 1,
-      pageSize: 20
-    }), n = T({
-      ...p.value || {}
-    }), i = Ce({
-      path: l.path,
-      filters: n,
-      pagination: Y.value,
-      ...l.hookListProps
-    });
-    H(i);
-    const {
-      meta: Z,
-      list: D,
-      isLoading: E,
-      autoRefetch: _,
-      autoCountdown: N,
-      onAutoRefetch: ee,
-      isExporting: te,
-      isExportingRows: ae,
-      isImporting: le,
-      onExport: ie,
-      onExportRows: oe,
-      onImport: re
-    } = i, ne = c(() => ({
-      page: i.page.value,
-      pageSize: i.pageSize.value,
-      pageCount: i.pageCount.value,
-      pageSizes: i.pageSizes,
-      pageSlot: 5,
-      onUpdatePage: i.onUpdatePage,
-      onUpdatePageSize: i.onUpdatePageSize,
-      showSizePicker: !0,
-      showQuickJumper: !0
-    })), v = T({
-      show: !1
-    }), h = T({
-      show: !1
-    }), {
-      width: u
-    } = je(), se = c(() => {
-      const t = we(l.filterSchema);
-      return Array.isArray(t) ? t : [];
-    }), R = c(() => se.value.map((t, a) => {
-      const m = (Array.isArray(t) ? t : [t]).map((f, ge) => {
-        const {
-          label: be,
-          ...xe
-        } = f || {};
-        return {
-          key: `filter-node-${a}-${ge}`,
-          label: be ?? f?.title ?? "",
-          schema: xe
-        };
-      });
-      return {
-        key: `filter-row-${a}`,
-        nodes: m
-      };
-    })), U = c(() => R.value.some((t) => t.nodes.some((a) => Object.keys(a.schema || {}).length > 0))), x = c(() => !!r.filter || U.value), ce = c(() => R.value.flatMap((t) => t.nodes.map((a) => ({
-      tag: Ee,
-      attrs: {
-        label: a.label
-      },
-      children: a.schema
-    })))), {
-      render: ue
-    } = K({
-      data: c(() => ce.value)
-    }), C = F(0), z = (t) => V(B(t) || {}), de = () => V(B(n) || {}), j = (t) => {
-      const a = de();
-      t();
-      const o = B(n) || {};
-      return !Pe(a, o);
-    }, P = (t) => {
-      if (t) {
-        i.page?.value !== 1 ? i.onUpdatePage?.(1) : i.onRefresh?.();
-        return;
-      }
-      i.onRefresh?.();
-    }, y = () => {
-      const t = j(() => {
-        Object.keys(n).forEach((a) => {
-          delete n[a];
-        }), Object.assign(n, z(p.value)), Object.assign(n, z(b.value));
-      });
-      P(t);
-    }, L = () => {
-      const t = p.value?.tab;
-      Object.keys(p.value || {}).forEach((o) => {
-        o !== "tab" && delete p.value[o];
-      });
-      const a = j(() => {
-        Object.keys(n).forEach((o) => {
-          delete n[o];
-        }), t !== void 0 && (n.tab = t), Object.assign(n, z(b.value));
-      });
-      P(a), C.value++;
-    }, pe = c(() => ({
-      tag: "div",
-      attrs: {
-        class: "flex flex-wrap gap-2 items-center w-full"
-      },
-      children: [{
-        tag: "div",
-        attrs: {
-          class: "text-right text-sm text-muted w-24 px-1"
-        }
-      }, {
-        tag: "div",
-        attrs: {
-          class: "flex flex-wrap gap-2 flex-1"
-        },
-        children: [{
-          tag: d,
-          attrs: {
-            type: "primary",
-            secondary: !0,
-            onClick: y
-          },
-          slots: {
-            icon: () => e("div", {
-              class: "i-tabler:search size-4"
-            }, null),
-            default: () => s("components.button.search")
-          }
-        }, {
-          tag: d,
-          attrs: {
-            secondary: !0,
-            onClick: L
-          },
-          slots: {
-            icon: () => e("div", {
-              class: "i-tabler:arrow-back-up size-4"
-            }, null),
-            default: () => s("components.button.reset")
-          }
-        }]
-      }]
-    })), fe = c(() => {
-      if (!U.value)
-        return [];
-      const t = R.value.map((a) => {
-        const o = a.nodes.length > 1;
-        return {
-          tag: "div",
-          attrs: {
-            class: "flex flex-wrap gap-2 w-full items-start",
-            "data-filter-row": a.key
-          },
-          children: a.nodes.map((m) => {
-            const f = m.label;
-            return {
-              tag: "div",
-              attrs: {
-                class: o ? "flex items-start gap-2" : "flex items-start gap-2 w-full"
-              },
-              children: [f ? {
-                tag: "div",
-                attrs: {
-                  class: "w-24 text-right text-sm text-muted px-1 flex-none pt-1.5"
-                },
-                children: f
-              } : {
-                tag: "div",
-                attrs: {
-                  class: "w-24 flex-none"
-                }
-              }, {
-                tag: "div",
-                attrs: {
-                  class: "min-w-50"
-                },
-                children: m.schema
-              }]
-            };
-          })
-        };
-      });
-      return t.push(pe.value), t;
-    }), {
-      render: me
-    } = K({
-      data: fe
-    }), A = c(() => ({
-      import: !1,
-      export: !0,
-      refresh: !0,
-      ...l.tools
-    })), g = F(null), q = ze(), ve = c(() => {
-      const t = l.tabs?.map((o) => o.value) || [], a = p.value?.tab;
-      return t.includes(a) ? a : t[0];
-    });
-    O(() => l.tabs?.map((t) => t.value), () => {
-      const t = l.tabs?.map((a) => a.value) || [];
-      if (p.value?.tab === void 0) {
-        const a = t[0];
-        a !== void 0 && (p.value.tab = a, n.tab = a);
-      }
-      k(() => g.value?.syncBarPosition());
-    }, {
-      deep: !0
-    }), O(() => u.value, () => {
-      k(() => g.value?.syncBarPosition());
-    }), ke(() => {
-      k(() => g.value?.syncBarPosition());
-    });
-    const w = F(!1), M = () => {
-      const t = !!r?.sideLeft && u.value < 1024, a = !!r?.sideRight && u.value < 1024, o = !r?.filter && x.value && u.value < 1024;
-      return !t && !a && !o ? null : e("div", {
-        class: ["flex gap-2"]
-      }, [t && e(d, {
-        class: "flex-none",
-        secondary: !0,
-        onClick: () => {
-          v.show = !v.show;
-        }
-      }, {
-        icon: () => e("div", {
-          class: "i-tabler:layout-sidebar-inactive size-4"
-        }, null)
-      }), a && e(d, {
-        class: "flex-none",
-        secondary: !0,
-        onClick: () => {
-          h.show = !h.show;
-        }
-      }, {
-        icon: () => e("div", {
-          class: "i-tabler:layout-sidebar-right-inactive size-4"
-        }, null)
-      }), o && e("div", {
-        class: "flex-none lg:hidden"
-      }, [e(d, {
-        secondary: !0,
-        onClick: () => {
-          w.value = !w.value;
-        }
-      }, {
-        icon: () => e("div", {
-          class: "i-tabler:filter size-4"
-        }, null)
-      })])]);
-    }, he = () => e("div", {
-      class: ["flex gap-2 flex-row"]
-    }, [e("div", {
-      class: "flex lg:hidden"
-    }, [e(d, {
-      type: "primary",
-      secondary: !0,
-      onClick: y
-    }, {
-      icon: () => e("div", {
-        class: "i-tabler:search size-4"
-      }, null)
-    })]), e("div", {
-      class: ["hidden lg:flex gap-2"]
-    }, [e(d, {
-      type: "primary",
-      secondary: !0,
-      onClick: y
-    }, {
-      icon: () => e("div", {
-        class: "i-tabler:search size-4"
-      }, null),
-      default: () => s("components.button.search")
-    }), e(d, {
-      secondary: !0,
-      onClick: L
-    }, {
-      icon: () => e("div", {
-        class: "i-tabler:arrow-back-up size-4"
-      }, null),
-      default: () => s("components.button.reset")
-    })])]), I = (t) => {
-      const a = M(), o = t ? he() : null;
-      return !a && !o ? null : e("div", {
-        class: "flex justify-between gap-2"
-      }, [a, o]);
-    };
-    O(() => b.value, (t) => {
-      j(() => {
-        const o = t || {};
-        Object.keys(o).forEach((m) => {
-          const f = o[m];
-          f == null || f === "" ? delete n[m] : n[m] = f;
-        });
-      }) && P(!0);
-    }, {
-      deep: !0
-    });
-    const W = c(() => q.tabs.find((t) => t.path === q.current)?.label);
-    return () => e(Ne, {
-      actions: l.actions,
-      scrollbar: !1
-    }, {
-      title: r.title,
-      sideLeft: () => r?.sideLeft && u.value >= 1024 ? r?.sideLeft?.() : void 0,
-      sideRight: () => r?.sideRight && u.value >= 1024 ? r?.sideRight?.() : void 0,
-      default: () => e("div", {
-        class: ["flex flex-col h-full relative", x.value && "gap-3"]
-      }, [e("div", {
-        class: ["flex gap-2 justify-between flex-row", x.value && "border-b border-muted"]
-      }, [e("div", {
-        class: "relative top-1.5px"
-      }, [!l.tabs && (r.title?.() || (l.title || W.value ? e("div", {
-        class: "pb-4 pt-2 text-base"
-      }, [l.title || W.value]) : null)), l.tabs && e(Le, {
-        ref: g,
-        type: "bar",
-        size: "small",
-        style: {
-          "--n-tab-padding": "5px 20px 15px 20px",
-          "--n-tab-gap": "20px"
-        },
-        "default-value": l.tabs?.[0]?.value || "",
-        value: ve.value,
-        onUpdateValue: (t) => {
-          p.value.tab = t, n.tab = t, k(() => g.value?.syncBarPosition());
-        }
-      }, {
-        default: () => [l.tabs?.map((t) => e(Ae, {
-          name: t.value,
-          tab: t.label
-        }, null))]
-      })]), e("div", {
-        class: "flex gap-2 justify-end pb-2"
-      }, [r.actions?.(), l.actions?.length > 0 && X({
-        type: u.value < 1024 ? "dropdown" : "button",
-        text: u.value < 1024,
-        items: l.actions
-      })])]), x.value ? r.filter ? r.filter({
-        filter: p.value,
-        filterReactive: b.value,
-        onSearch: y,
-        onReset: L
-      }) : l.filterType === "multi" && u.value >= 1024 ? e("div", {
-        class: "flex flex-col gap-3"
-      }, [(u.value >= 1024 || w.value) && e("div", {
-        class: "flex flex-col gap-3 w-full"
-      }, [e("div", {
-        key: C.value,
-        class: "flex flex-col gap-3"
-      }, [J(me)])]), I(!1)]) : e("div", {
-        class: "flex gap-2 justify-between flex-col-reverse lg:flex-row"
-      }, [(u.value >= 1024 || w.value) && e("div", {
-        class: ["flex-1 flex flex-col lg:flex-row gap-2 flex-wrap"]
-      }, [e("div", {
-        key: C.value,
-        class: "contents"
-      }, [J(ue)])]), I(!0)]) : M(), e(Te, {
-        show: E.value,
-        class: "flex-1 min-h-0",
-        contentClass: "h-full"
-      }, {
-        default: () => [e("div", {
-          class: ["h-full overflow-auto"]
-        }, [!E.value && D.value.length === 0 && e("div", {
-          class: "flex justify-center items-center h-full"
-        }, [e(Ue, null, null)]), D.value.length > 0 && r?.default?.(i)])]
-      }), e("div", {
-        class: "flex justify-between"
-      }, [e("div", {
-        class: "flex items-center gap-0.5"
-      }, [l.checkable && e(S, null, {
-        trigger: () => e(d, {
-          circle: !0,
-          quaternary: !0
-        }, {
-          default: () => [e(Fe, {
-            checked: i.isAllChecked.value,
-            indeterminate: i.isIndeterminate.value,
-            onUpdateChecked: i.toggleSelectAll
-          }, null)]
-        }),
-        default: () => s("components.list.selectAll")
-      }), r?.bottom?.(), r?.tools?.(), A.value.export && e(S, null, {
-        trigger: () => e(d, {
-          quaternary: !0,
-          circle: !0,
-          loading: te.value,
-          onClick: ie
-        }, {
-          icon: () => e("div", {
-            class: "i-tabler:database-export size-4"
-          }, null)
-        }),
-        default: () => s("components.button.export")
-      }), A.value.import && e(S, null, {
-        trigger: () => e(d, {
-          quaternary: !0,
-          circle: !0,
-          loading: le.value,
-          onClick: re
-        }, {
-          icon: () => e("div", {
-            class: "i-tabler:database-import size-4"
-          }, null)
-        }),
-        default: () => s("components.button.import")
-      }), A.value.refresh && e(S, null, {
-        trigger: () => e(d, {
-          quaternary: !0,
-          circle: !0,
-          onClick: ee
-        }, {
-          icon: () => _.value ? e(Oe, {
-            class: "size-4",
-            type: "circle",
-            percentage: N.value * 10,
-            strokeWidth: 20,
-            color: "rgba(var(--ui-color-primary))"
-          }, {
-            default: () => [e("span", {
-              class: "text-8px"
-            }, [N.value])]
-          }) : e("div", {
-            class: "i-tabler:refresh size-4"
-          }, null)
-        }),
-        default: () => s("components.button.autoRefresh")
-      })]), e("div", {
-        class: "flex items-center gap-2"
-      }, [l.pagination && e(Be, Se(ne.value, {
-        simple: u.value < 768
-      }), {
-        prefix: () => e("div", null, [s("components.list.total", {
-          total: Z?.value?.total || 0
-        })])
-      })])]), e(qe, {
-        isLoading: i.isBatching.value,
-        onBatch: i.onBatch,
-        selecteds: i.checkeds.value,
-        number: i.checkeds.value.length,
-        group: [[{
-          icon: "i-tabler:x",
-          onClick: () => {
-            i.checkeds.value = [], i.onUpdateChecked?.([]);
-          }
-        }], [{
-          label: s("components.button.export"),
-          icon: "i-tabler:file-export",
-          loading: ae.value,
-          onClick: oe
-        }, {
-          label: s("components.button.delete"),
-          type: "error",
-          icon: "i-tabler:trash"
-        }]]
-      }, null), e(Q, {
-        show: v.show,
-        onUpdateShow: (t) => v.show = t,
-        autoFocus: !1,
-        placement: "left"
-      }, {
-        default: () => [e(G, {
-          title: l.sideLeftTitle || s("components.button.sideLeft"),
-          onClose: () => v.show = !1,
-          scrollbar: !1
-        }, {
-          default: () => [r?.sideLeft?.()]
-        })]
-      }), e(Q, {
-        show: h.show,
-        onUpdateShow: (t) => h.show = t,
-        autoFocus: !1,
-        placement: "right"
-      }, {
-        default: () => [e(G, {
-          title: l.sideRightTitle || s("components.button.sideRight"),
-          onClose: () => h.show = !1,
-          scrollbar: !1
-        }, {
-          default: () => [r?.sideRight?.()]
-        })]
-      })])
-    });
-  }
+import { useAction as e } from "../../hooks/action.js";
+import "../../hooks/index.js";
+import { DuxTableFilter as t } from "./filter.js";
+import { DuxPage as n } from "../../pages/page.js";
+import { DuxPageEmpty as r } from "../../pages/pageEmpty.js";
+import "../../pages/index.js";
+import { DuxDrawerPage as i } from "../drawer/drawerPage.js";
+import "../drawer/index.js";
+import { DuxTableTools as ee } from "./tools.js";
+import "./index.js";
+import { computed as a, createVNode as o, defineComponent as s, h as c, mergeProps as te, nextTick as l, onMounted as ne, reactive as u, ref as d, toRaw as f, toRef as p, unref as re, watch as m } from "vue";
+import { useExtendList as ie, useI18n as ae, useJsonSchema as h, useTabStore as oe } from "@duxweb/dvha-core";
+import { NButton as g, NCheckbox as se, NDrawer as _, NPagination as ce, NProgress as le, NSpin as ue, NTab as de, NTabs as fe, NTooltip as v } from "naive-ui";
+import { useWindowSize as pe } from "@vueuse/core";
+import { cloneDeep as y, isEqual as me } from "lodash-es";
+const b = /* @__PURE__ */ s({
+	name: "DuxListLayout",
+	props: {
+		rowKey: {
+			type: String,
+			default: "id"
+		},
+		path: {
+			type: String,
+			required: !0
+		},
+		filter: { type: Object },
+		filterSchema: { type: Array },
+		filterReactive: { type: Object },
+		filterType: {
+			type: String,
+			default: "simple"
+		},
+		pagination: {
+			type: [Boolean, Object],
+			default: !0
+		},
+		tabs: { type: Array },
+		title: {
+			type: String,
+			default: ""
+		},
+		tools: { type: Object },
+		actions: {
+			type: Array,
+			default: () => []
+		},
+		checkable: { type: Boolean },
+		sideLeftTitle: {
+			type: String,
+			default: ""
+		},
+		sideRightTitle: {
+			type: String,
+			default: ""
+		},
+		batchOptions: { type: Array },
+		hookListProps: { type: Object }
+	},
+	setup(s, { slots: b, expose: he }) {
+		let x = p(s, "filter", {}), S = a(() => s.filterReactive || {}), { t: C } = ae(), { renderAction: ge } = e(), _e = p(s.pagination && typeof s.pagination == "object" ? s.pagination : {
+			page: 1,
+			pageSize: 20
+		}), w = u({ ...x.value || {} }), T = ie({
+			path: s.path,
+			filters: w,
+			pagination: _e.value,
+			...s.hookListProps
+		});
+		he(T);
+		let { meta: ve, list: E, isLoading: D, autoRefetch: ye, autoCountdown: O, onAutoRefetch: be, isExporting: k, isExportingRows: A, isImporting: j, onExport: M, onExportRows: N, onImport: xe } = T, Se = a(() => ({
+			page: T.page.value,
+			pageSize: T.pageSize.value,
+			pageCount: T.pageCount.value,
+			pageSizes: T.pageSizes,
+			pageSlot: 5,
+			onUpdatePage: T.onUpdatePage,
+			onUpdatePageSize: T.onUpdatePageSize,
+			showSizePicker: !0,
+			showQuickJumper: !0
+		})), P = u({ show: !1 }), F = u({ show: !1 }), { width: I } = pe(), Ce = a(() => {
+			let e = re(s.filterSchema);
+			return Array.isArray(e) ? e : [];
+		}), L = a(() => Ce.value.map((e, t) => {
+			let n = (Array.isArray(e) ? e : [e]).map((e, n) => {
+				let { label: r, ...i } = e || {};
+				return {
+					key: `filter-node-${t}-${n}`,
+					label: r ?? e?.title ?? "",
+					schema: i
+				};
+			});
+			return {
+				key: `filter-row-${t}`,
+				nodes: n
+			};
+		})), R = a(() => L.value.some((e) => e.nodes.some((e) => Object.keys(e.schema || {}).length > 0))), z = a(() => !!b.filter || R.value), B = a(() => L.value.flatMap((e) => e.nodes.map((e) => ({
+			tag: t,
+			attrs: { label: e.label },
+			children: e.schema
+		})))), { render: we } = h({ data: a(() => B.value) }), V = d(0), H = (e) => y(f(e) || {}), Te = () => y(f(w) || {}), U = (e) => {
+			let t = Te();
+			return e(), !me(t, f(w) || {});
+		}, W = (e) => {
+			if (e) {
+				T.page?.value === 1 ? T.onRefresh?.() : T.onUpdatePage?.(1);
+				return;
+			}
+			T.onRefresh?.();
+		}, G = () => {
+			W(U(() => {
+				Object.keys(w).forEach((e) => {
+					delete w[e];
+				}), Object.assign(w, H(x.value)), Object.assign(w, H(S.value));
+			}));
+		}, K = () => {
+			let e = x.value?.tab;
+			Object.keys(x.value || {}).forEach((e) => {
+				e !== "tab" && delete x.value[e];
+			}), W(U(() => {
+				Object.keys(w).forEach((e) => {
+					delete w[e];
+				}), e !== void 0 && (w.tab = e), Object.assign(w, H(S.value));
+			})), V.value++;
+		}, Ee = a(() => ({
+			tag: "div",
+			attrs: { class: "flex flex-wrap gap-2 items-center w-full" },
+			children: [{
+				tag: "div",
+				attrs: { class: "text-right text-sm text-muted w-24 px-1" }
+			}, {
+				tag: "div",
+				attrs: { class: "flex flex-wrap gap-2 flex-1" },
+				children: [{
+					tag: g,
+					attrs: {
+						type: "primary",
+						secondary: !0,
+						onClick: G
+					},
+					slots: {
+						icon: () => o("div", { class: "i-tabler:search size-4" }, null),
+						default: () => C("components.button.search")
+					}
+				}, {
+					tag: g,
+					attrs: {
+						secondary: !0,
+						onClick: K
+					},
+					slots: {
+						icon: () => o("div", { class: "i-tabler:arrow-back-up size-4" }, null),
+						default: () => C("components.button.reset")
+					}
+				}]
+			}]
+		})), { render: De } = h({ data: a(() => {
+			if (!R.value) return [];
+			let e = L.value.map((e) => {
+				let t = e.nodes.length > 1;
+				return {
+					tag: "div",
+					attrs: {
+						class: "flex flex-wrap gap-2 w-full items-start",
+						"data-filter-row": e.key
+					},
+					children: e.nodes.map((e) => {
+						let n = e.label;
+						return {
+							tag: "div",
+							attrs: { class: t ? "flex items-start gap-2" : "flex items-start gap-2 w-full" },
+							children: [n ? {
+								tag: "div",
+								attrs: { class: "w-24 text-right text-sm text-muted px-1 flex-none pt-1.5" },
+								children: n
+							} : {
+								tag: "div",
+								attrs: { class: "w-24 flex-none" }
+							}, {
+								tag: "div",
+								attrs: { class: "min-w-50" },
+								children: e.schema
+							}]
+						};
+					})
+				};
+			});
+			return e.push(Ee.value), e;
+		}) }), q = a(() => ({
+			import: !1,
+			export: !0,
+			refresh: !0,
+			...s.tools
+		})), J = d(null), Y = oe(), Oe = a(() => {
+			let e = s.tabs?.map((e) => e.value) || [], t = x.value?.tab;
+			return e.includes(t) ? t : e[0];
+		});
+		m(() => s.tabs?.map((e) => e.value), () => {
+			let e = s.tabs?.map((e) => e.value) || [];
+			if (x.value?.tab === void 0) {
+				let t = e[0];
+				t !== void 0 && (x.value.tab = t, w.tab = t);
+			}
+			l(() => J.value?.syncBarPosition());
+		}, { deep: !0 }), m(() => I.value, () => {
+			l(() => J.value?.syncBarPosition());
+		}), ne(() => {
+			l(() => J.value?.syncBarPosition());
+		});
+		let X = d(!1), Z = () => {
+			let e = !!b?.sideLeft && I.value < 1024, t = !!b?.sideRight && I.value < 1024, n = !b?.filter && z.value && I.value < 1024;
+			return !e && !t && !n ? null : o("div", { class: ["flex gap-2"] }, [
+				e && o(g, {
+					class: "flex-none",
+					secondary: !0,
+					onClick: () => {
+						P.show = !P.show;
+					}
+				}, { icon: () => o("div", { class: "i-tabler:layout-sidebar-inactive size-4" }, null) }),
+				t && o(g, {
+					class: "flex-none",
+					secondary: !0,
+					onClick: () => {
+						F.show = !F.show;
+					}
+				}, { icon: () => o("div", { class: "i-tabler:layout-sidebar-right-inactive size-4" }, null) }),
+				n && o("div", { class: "flex-none lg:hidden" }, [o(g, {
+					secondary: !0,
+					onClick: () => {
+						X.value = !X.value;
+					}
+				}, { icon: () => o("div", { class: "i-tabler:filter size-4" }, null) })])
+			]);
+		}, ke = () => o("div", { class: ["flex gap-2 flex-row"] }, [o("div", { class: "flex lg:hidden" }, [o(g, {
+			type: "primary",
+			secondary: !0,
+			onClick: G
+		}, { icon: () => o("div", { class: "i-tabler:search size-4" }, null) })]), o("div", { class: ["hidden lg:flex gap-2"] }, [o(g, {
+			type: "primary",
+			secondary: !0,
+			onClick: G
+		}, {
+			icon: () => o("div", { class: "i-tabler:search size-4" }, null),
+			default: () => C("components.button.search")
+		}), o(g, {
+			secondary: !0,
+			onClick: K
+		}, {
+			icon: () => o("div", { class: "i-tabler:arrow-back-up size-4" }, null),
+			default: () => C("components.button.reset")
+		})])]), Q = (e) => {
+			let t = Z(), n = e ? ke() : null;
+			return !t && !n ? null : o("div", { class: "flex justify-between gap-2" }, [t, n]);
+		};
+		m(() => S.value, (e) => {
+			U(() => {
+				let t = e || {};
+				Object.keys(t).forEach((e) => {
+					let n = t[e];
+					n == null || n === "" ? delete w[e] : w[e] = n;
+				});
+			}) && W(!0);
+		}, { deep: !0 });
+		let $ = a(() => Y.tabs.find((e) => e.path === Y.current)?.label);
+		return () => o(n, {
+			actions: s.actions,
+			scrollbar: !1
+		}, {
+			title: b.title,
+			sideLeft: () => b?.sideLeft && I.value >= 1024 ? b?.sideLeft?.() : void 0,
+			sideRight: () => b?.sideRight && I.value >= 1024 ? b?.sideRight?.() : void 0,
+			default: () => o("div", { class: ["flex flex-col h-full relative", z.value && "gap-3"] }, [
+				o("div", { class: ["flex gap-2 justify-between flex-row", z.value && "border-b border-muted"] }, [o("div", { class: "relative top-1.5px" }, [!s.tabs && (b.title?.() || (s.title || $.value ? o("div", { class: "pb-4 pt-2 text-base" }, [s.title || $.value]) : null)), s.tabs && o(fe, {
+					ref: J,
+					type: "bar",
+					size: "small",
+					style: {
+						"--n-tab-padding": "5px 20px 15px 20px",
+						"--n-tab-gap": "20px"
+					},
+					"default-value": s.tabs?.[0]?.value || "",
+					value: Oe.value,
+					onUpdateValue: (e) => {
+						x.value.tab = e, w.tab = e, l(() => J.value?.syncBarPosition());
+					}
+				}, { default: () => [s.tabs?.map((e) => o(de, {
+					name: e.value,
+					tab: e.label
+				}, null))] })]), o("div", { class: "flex gap-2 justify-end pb-2" }, [b.actions?.(), s.actions?.length > 0 && ge({
+					type: I.value < 1024 ? "dropdown" : "button",
+					text: I.value < 1024,
+					items: s.actions
+				})])]),
+				z.value ? b.filter ? b.filter({
+					filter: x.value,
+					filterReactive: S.value,
+					onSearch: G,
+					onReset: K
+				}) : s.filterType === "multi" && I.value >= 1024 ? o("div", { class: "flex flex-col gap-3" }, [(I.value >= 1024 || X.value) && o("div", { class: "flex flex-col gap-3 w-full" }, [o("div", {
+					key: V.value,
+					class: "flex flex-col gap-3"
+				}, [c(De)])]), Q(!1)]) : o("div", { class: "flex gap-2 justify-between flex-col-reverse lg:flex-row" }, [(I.value >= 1024 || X.value) && o("div", { class: ["flex-1 flex flex-col lg:flex-row gap-2 flex-wrap"] }, [o("div", {
+					key: V.value,
+					class: "contents"
+				}, [c(we)])]), Q(!0)]) : Z(),
+				o(ue, {
+					show: D.value,
+					class: "flex-1 min-h-0",
+					contentClass: "h-full"
+				}, { default: () => [o("div", { class: ["h-full overflow-auto"] }, [!D.value && E.value.length === 0 && o("div", { class: "flex justify-center items-center h-full" }, [o(r, null, null)]), E.value.length > 0 && b?.default?.(T)])] }),
+				o("div", { class: "flex justify-between" }, [o("div", { class: "flex items-center gap-0.5" }, [
+					s.checkable && o(v, null, {
+						trigger: () => o(g, {
+							circle: !0,
+							quaternary: !0
+						}, { default: () => [o(se, {
+							checked: T.isAllChecked.value,
+							indeterminate: T.isIndeterminate.value,
+							onUpdateChecked: T.toggleSelectAll
+						}, null)] }),
+						default: () => C("components.list.selectAll")
+					}),
+					b?.bottom?.(),
+					b?.tools?.(),
+					q.value.export && o(v, null, {
+						trigger: () => o(g, {
+							quaternary: !0,
+							circle: !0,
+							loading: k.value,
+							onClick: M
+						}, { icon: () => o("div", { class: "i-tabler:database-export size-4" }, null) }),
+						default: () => C("components.button.export")
+					}),
+					q.value.import && o(v, null, {
+						trigger: () => o(g, {
+							quaternary: !0,
+							circle: !0,
+							loading: j.value,
+							onClick: xe
+						}, { icon: () => o("div", { class: "i-tabler:database-import size-4" }, null) }),
+						default: () => C("components.button.import")
+					}),
+					q.value.refresh && o(v, null, {
+						trigger: () => o(g, {
+							quaternary: !0,
+							circle: !0,
+							onClick: be
+						}, { icon: () => ye.value ? o(le, {
+							class: "size-4",
+							type: "circle",
+							percentage: O.value * 10,
+							strokeWidth: 20,
+							color: "rgba(var(--ui-color-primary))"
+						}, { default: () => [o("span", { class: "text-8px" }, [O.value])] }) : o("div", { class: "i-tabler:refresh size-4" }, null) }),
+						default: () => C("components.button.autoRefresh")
+					})
+				]), o("div", { class: "flex items-center gap-2" }, [s.pagination && o(ce, te(Se.value, { simple: I.value < 768 }), { prefix: () => o("div", null, [C("components.list.total", { total: ve?.value?.total || 0 })]) })])]),
+				o(ee, {
+					isLoading: T.isBatching.value,
+					onBatch: T.onBatch,
+					selecteds: T.checkeds.value,
+					number: T.checkeds.value.length,
+					group: [[{
+						icon: "i-tabler:x",
+						onClick: () => {
+							T.checkeds.value = [], T.onUpdateChecked?.([]);
+						}
+					}], [{
+						label: C("components.button.export"),
+						icon: "i-tabler:file-export",
+						loading: A.value,
+						onClick: N
+					}, {
+						label: C("components.button.delete"),
+						type: "error",
+						icon: "i-tabler:trash"
+					}]]
+				}, null),
+				o(_, {
+					show: P.show,
+					onUpdateShow: (e) => P.show = e,
+					autoFocus: !1,
+					placement: "left"
+				}, { default: () => [o(i, {
+					title: s.sideLeftTitle || C("components.button.sideLeft"),
+					onClose: () => P.show = !1,
+					scrollbar: !1
+				}, { default: () => [b?.sideLeft?.()] })] }),
+				o(_, {
+					show: F.show,
+					onUpdateShow: (e) => F.show = e,
+					autoFocus: !1,
+					placement: "right"
+				}, { default: () => [o(i, {
+					title: s.sideRightTitle || C("components.button.sideRight"),
+					onClose: () => F.show = !1,
+					scrollbar: !1
+				}, { default: () => [b?.sideRight?.()] })] })
+			])
+		});
+	}
 });
-export {
-  aa as DuxListLayout
-};
+export { b as DuxListLayout };