smart-admin-web 10.15.0 → 10.20.1

package/dist/components/UserPicker/index2.vue.js

@@ -1,112 +1,154 @@
-import { defineComponent as G, ref as p, computed as m, onMounted as H, reactive as J, openBlock as h, createBlock as I, unref as l, withCtx as v, createElementVNode as s, toDisplayString as i, createVNode as u, createTextVNode as _, createElementBlock as N, Fragment as Q, renderList as W, createCommentVNode as X, h as Y } from "vue";
-import { useMessage as Z, NTree as ee, NButton as y, NInput as te, NEmpty as ne } from "naive-ui";
-import { SmartTable as le } from "smart-naive-table";
-import { useI18n as oe } from "vue-i18n";
-import ae from "../AppIcon.vue.js";
-import se from "../FormContainer/index.vue.js";
+import { defineComponent as ae, ref as v, computed as p, onMounted as ne, h as se, reactive as oe, openBlock as f, createBlock as _, unref as l, withCtx as h, createVNode as u, createTextVNode as g, toDisplayString as o, createCommentVNode as b, createElementVNode as r, normalizeClass as re, createElementBlock as C, withDirectives as A, vShow as K, Fragment as ie, renderList as ce } from "vue";
+import { useMessage as ue, NButton as S, NTabs as de, NTab as L, NTree as pe, NTreeSelect as me, NInput as ve, NEmpty as fe } from "naive-ui";
+import { SmartTable as he } from "smart-naive-table";
+import { useI18n as ke } from "vue-i18n";
+import { useWindowSize as ge } from "@vueuse/core";
+import ye from "../AppIcon.vue.js";
+import we from "../FormContainer/index.vue.js";
 /* empty css                          */
-import { orgApi as re, userApi as P } from "../../api/index.js";
-import { buildTree as ie } from "../../utils/tree.js";
-import { translateError as ce } from "../../utils/error.js";
-const de = { class: "user-picker" }, ue = { class: "picker-tree" }, pe = { class: "panel-header" }, me = { class: "picker-table" }, fe = { class: "panel-header" }, he = { class: "picker-selected" }, ve = { class: "panel-header" }, ye = { class: "selected-list" }, ke = { class: "selected-name" }, ge = { class: "selected-account" }, Ue = /* @__PURE__ */ G({
+import { useShellBreakpoint as _e } from "../../composables/useShellBreakpoint.js";
+import { orgApi as be, userApi as O } from "../../api/index.js";
+import { buildTree as Se } from "../../utils/tree.js";
+import { translateError as ze } from "../../utils/error.js";
+import { SEARCH_ACTIONS as xe } from "../../utils/tableFilter.js";
+const Ce = {
+  key: 0,
+  class: "picker-tree"
+}, Ne = { class: "panel-header" }, Pe = { class: "picker-table" }, Ie = { class: "panel-header" }, Te = { class: "picker-selected" }, Ue = { class: "panel-header" }, Ee = { class: "selected-list" }, Be = { class: "selected-name" }, qe = { class: "selected-account" }, Ge = /* @__PURE__ */ ae({
   __name: "index",
   props: {
     excludeIds: {}
   },
   emits: ["confirm"],
-  setup(U, { expose: E, emit: T }) {
-    const q = U, B = T, { t: a } = oe(), K = Z(), k = p(!1), g = p(), w = p([]), L = m(() => [{ id: 0, parentId: -1, name: a("common.all"), children: ie(w.value) }]), c = p(null), V = m(
+  setup(R, { expose: V, emit: D }) {
+    const $ = R, F = D, { t: n } = ke(), M = ue(), z = v(!1), y = v(), { bp: N } = _e(), { width: W } = ge(), d = p(() => N.value === "narrow" || W.value < 900), H = p(() => N.value === "narrow" ? "drawer" : "modal"), k = v("users"), x = p(() => d.value ? "large" : "small"), P = v([]), I = p(() => [{ id: 0, parentId: -1, name: n("common.all"), children: Se(P.value) }]), c = v(null), j = p(
       () => c.value && c.value !== 0 ? c.value : void 0
     );
-    H(async () => {
+    ne(async () => {
       try {
-        w.value = await re.list();
+        P.value = await be.list();
       } catch {
       }
     });
-    function R(t) {
+    function G(t) {
       var e;
-      c.value = t[0] ?? null, (e = g.value) == null || e.refresh();
+      c.value = t[0] ?? null, (e = y.value) == null || e.refresh();
     }
-    const d = p([]), S = m(() => new Set(q.excludeIds ?? [])), $ = (t) => P.page({
+    function J(t) {
+      var e;
+      c.value = t ?? null, (e = y.value) == null || e.refresh();
+    }
+    const m = v([]), T = p(() => new Set($.excludeIds ?? [])), Q = (t) => O.page({
       page: t.page,
       pageSize: t.pageSize,
-      name: t.name,
-      orgId: V.value
-    }), A = [
+      account: t.account,
+      orgId: j.value
+    }), X = [
       { type: "selection" },
-      { key: "name", title: () => a("user.name"), width: 100 },
-      { key: "account", title: () => a("user.account"), width: 120, search: !0 },
+      { key: "name", title: () => n("user.name"), width: 100 },
+      {
+        key: "account",
+        title: () => n("user.account"),
+        width: 120,
+        search: { actions: xe.fuzzy }
+      },
       {
         key: "op",
-        title: () => a("common.operation"),
+        title: () => n("common.operation"),
         width: 70,
         render: (t) => {
-          const e = b.value.has(t.id) || S.value.has(t.id);
-          return Y(
-            y,
+          const e = U.value.has(t.id) || T.value.has(t.id);
+          return se(
+            S,
             {
               size: "tiny",
               type: "primary",
               quaternary: !0,
               disabled: e,
-              onClick: () => C([t])
+              onClick: () => B([t])
             },
-            () => a(e ? "userPicker.added" : "userPicker.add")
+            () => n(e ? "userPicker.added" : "userPicker.add")
           );
         }
       }
-    ], o = J([]), b = m(() => new Set(o.map((t) => t.id))), f = p(""), x = m(() => {
-      const t = f.value.trim().toLowerCase();
-      return t ? o.filter(
+    ], s = oe([]), U = p(() => new Set(s.map((t) => t.id))), w = v(""), E = p(() => {
+      const t = w.value.trim().toLowerCase();
+      return t ? s.filter(
         (e) => e.name.toLowerCase().includes(t) || e.account.toLowerCase().includes(t)
-      ) : o;
+      ) : s;
     });
-    function C(t) {
+    function B(t) {
       for (const e of t)
-        !b.value.has(e.id) && !S.value.has(e.id) && o.push(e);
+        !U.value.has(e.id) && !T.value.has(e.id) && s.push(e);
     }
-    function D() {
+    function Y() {
       var e;
-      const t = (l((e = g.value) == null ? void 0 : e.rows) ?? []).filter((n) => d.value.includes(n.id));
-      C(t), d.value = [];
+      const t = (l((e = y.value) == null ? void 0 : e.rows) ?? []).filter((a) => m.value.includes(a.id));
+      B(t), m.value = [];
     }
-    function F(t) {
-      const e = o.findIndex((n) => n.id === t);
-      e >= 0 && o.splice(e, 1);
+    function Z(t) {
+      const e = s.findIndex((a) => a.id === t);
+      e >= 0 && s.splice(e, 1);
     }
-    function M() {
-      o.splice(0, o.length);
+    function ee() {
+      s.splice(0, s.length);
     }
-    async function O(t) {
-      if (o.splice(0, o.length), d.value = [], f.value = "", c.value = null, k.value = !0, t != null && t.length)
+    async function te(t) {
+      if (s.splice(0, s.length), m.value = [], w.value = "", c.value = null, k.value = "users", z.value = !0, t != null && t.length)
         try {
-          const { items: e } = await P.page({ page: 1, pageSize: 200 }), n = e.filter((r) => t.includes(r.id)), z = new Set(n.map((r) => r.id));
-          for (const r of n) o.push(r);
-          for (const r of t)
-            z.has(r) || o.push({ id: r, account: String(r), name: String(r) });
+          const { items: e } = await O.page({ page: 1, pageSize: 200 }), a = e.filter((i) => t.includes(i.id)), q = new Set(a.map((i) => i.id));
+          for (const i of a) s.push(i);
+          for (const i of t)
+            q.has(i) || s.push({ id: i, account: String(i), name: String(i) });
         } catch {
-          for (const e of t) o.push({ id: e, account: String(e), name: String(e) });
+          for (const e of t) s.push({ id: e, account: String(e), name: String(e) });
         }
     }
-    async function j() {
-      const t = o.map((e) => e.id);
-      B("confirm", t);
+    async function le() {
+      const t = s.map((e) => e.id);
+      F("confirm", t);
     }
-    return E({ open: O }), (t, e) => (h(), I(se, {
-      show: k.value,
-      "onUpdate:show": e[3] || (e[3] = (n) => k.value = n),
-      title: l(a)("userPicker.title"),
+    return V({ open: te }), (t, e) => (f(), _(we, {
+      show: z.value,
+      "onUpdate:show": e[4] || (e[4] = (a) => z.value = a),
+      variant: H.value,
+      title: l(n)("userPicker.title"),
       width: 1100,
-      "on-confirm": j,
-      "confirm-text": l(a)("common.confirm")
+      "on-confirm": le,
+      "confirm-text": l(n)("common.confirm")
     }, {
-      default: v(() => [
-        s("div", de, [
-          s("div", ue, [
-            s("div", pe, i(l(a)("org.title")), 1),
-            u(l(ee), {
-              data: L.value,
+      default: h(() => [
+        d.value ? (f(), _(l(de), {
+          key: 0,
+          value: k.value,
+          "onUpdate:value": e[0] || (e[0] = (a) => k.value = a),
+          type: "segment",
+          animated: "",
+          class: "picker-tabs"
+        }, {
+          default: h(() => [
+            u(l(L), { name: "users" }, {
+              default: h(() => [
+                g(o(l(n)("userPicker.available")), 1)
+              ]),
+              _: 1
+            }),
+            u(l(L), { name: "selected" }, {
+              default: h(() => [
+                g(o(l(n)("userPicker.selected")) + "(" + o(s.length) + ")", 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["value"])) : b("", !0),
+        r("div", {
+          class: re(["user-picker", { "is-compact": d.value }])
+        }, [
+          d.value ? b("", !0) : (f(), C("div", Ce, [
+            r("div", Ne, o(l(n)("org.title")), 1),
+            u(l(pe), {
+              data: I.value,
               "key-field": "id",
               "label-field": "name",
               "children-field": "children",
@@ -114,101 +156,118 @@ const de = { class: "user-picker" }, ue = { class: "picker-tree" }, pe = { class
               "block-line": "",
               "default-expand-all": "",
               "selected-keys": c.value != null ? [c.value] : [],
-              "onUpdate:selectedKeys": R
+              "onUpdate:selectedKeys": G
             }, null, 8, ["data", "selected-keys"])
-          ]),
-          s("div", me, [
-            s("div", fe, [
-              s("span", null, i(l(a)("userPicker.available")), 1),
-              u(l(y), {
-                size: "tiny",
+          ])),
+          A(r("div", Pe, [
+            d.value ? (f(), _(l(me), {
+              key: 0,
+              value: c.value ?? 0,
+              options: I.value,
+              "key-field": "id",
+              "label-field": "name",
+              "children-field": "children",
+              "default-expand-all": "",
+              size: "large",
+              class: "picker-org-select",
+              "onUpdate:value": J
+            }, null, 8, ["value", "options"])) : b("", !0),
+            r("div", Ie, [
+              r("span", null, o(l(n)("userPicker.available")), 1),
+              u(l(S), {
+                size: x.value,
                 type: "primary",
-                disabled: d.value.length === 0,
-                onClick: D
+                disabled: m.value.length === 0,
+                onClick: Y
               }, {
-                default: v(() => [
-                  _(i(l(a)("userPicker.addChecked")) + "(" + i(d.value.length) + ") ", 1)
+                default: h(() => [
+                  g(o(l(n)("userPicker.addChecked")) + "(" + o(m.value.length) + ") ", 1)
                 ]),
                 _: 1
-              }, 8, ["disabled"])
+              }, 8, ["size", "disabled"])
             ]),
-            u(l(le), {
+            u(l(he), {
               "default-page-size": 100,
               ref_key: "tableRef",
-              ref: g,
-              columns: A,
-              fetcher: $,
+              ref: y,
+              columns: X,
+              fetcher: Q,
+              search: { container: "table" },
               pagination: { pageSize: 10 },
               size: "small",
               "storage-key": "user-picker",
               "tool-button": !1,
-              "checked-row-keys": d.value,
-              "onUpdate:checkedRowKeys": e[0] || (e[0] = (n) => d.value = n),
-              onError: e[1] || (e[1] = (n) => l(K).error(l(ce)(n)))
+              "checked-row-keys": m.value,
+              "onUpdate:checkedRowKeys": e[1] || (e[1] = (a) => m.value = a),
+              onError: e[2] || (e[2] = (a) => l(M).error(l(ze)(a)))
             }, null, 8, ["checked-row-keys"])
+          ], 512), [
+            [K, !d.value || k.value === "users"]
           ]),
-          s("div", he, [
-            s("div", ve, [
-              s("span", null, i(l(a)("userPicker.selected")) + "(" + i(o.length) + ")", 1),
-              u(l(y), {
-                size: "tiny",
+          A(r("div", Te, [
+            r("div", Ue, [
+              r("span", null, o(l(n)("userPicker.selected")) + "(" + o(s.length) + ")", 1),
+              u(l(S), {
+                size: x.value,
                 quaternary: "",
                 type: "error",
-                disabled: o.length === 0,
-                onClick: M
+                disabled: s.length === 0,
+                onClick: ee
               }, {
-                default: v(() => [
-                  _(i(l(a)("userPicker.clear")), 1)
+                default: h(() => [
+                  g(o(l(n)("userPicker.clear")), 1)
                 ]),
                 _: 1
-              }, 8, ["disabled"])
+              }, 8, ["size", "disabled"])
             ]),
-            u(l(te), {
-              value: f.value,
-              "onUpdate:value": e[2] || (e[2] = (n) => f.value = n),
-              size: "small",
+            u(l(ve), {
+              value: w.value,
+              "onUpdate:value": e[3] || (e[3] = (a) => w.value = a),
+              size: d.value ? "large" : "small",
               clearable: "",
-              placeholder: l(a)("common.search"),
+              placeholder: l(n)("common.search"),
               style: { "margin-bottom": "8px" }
-            }, null, 8, ["value", "placeholder"]),
-            s("div", ye, [
-              (h(!0), N(Q, null, W(x.value, (n) => (h(), N("div", {
-                key: n.id,
+            }, null, 8, ["value", "size", "placeholder"]),
+            r("div", Ee, [
+              (f(!0), C(ie, null, ce(E.value, (a) => (f(), C("div", {
+                key: a.id,
                 class: "selected-item"
               }, [
-                s("span", ke, [
-                  _(i(n.name) + " ", 1),
-                  s("span", ge, "(" + i(n.account) + ")", 1)
+                r("span", Be, [
+                  g(o(a.name) + " ", 1),
+                  r("span", qe, "(" + o(a.account) + ")", 1)
                 ]),
-                u(l(y), {
-                  size: "tiny",
+                u(l(S), {
+                  size: x.value,
                   quaternary: "",
                   type: "error",
-                  onClick: (z) => F(n.id)
+                  onClick: (q) => Z(a.id)
                 }, {
-                  icon: v(() => [
-                    u(ae, {
+                  icon: h(() => [
+                    u(ye, {
                       icon: "ph:x",
                       size: 14
                     })
                   ]),
                   _: 1
-                }, 8, ["onClick"])
+                }, 8, ["size", "onClick"])
               ]))), 128)),
-              x.value.length === 0 ? (h(), I(l(ne), {
+              E.value.length === 0 ? (f(), _(l(fe), {
                 key: 0,
-                description: l(a)("common.noData"),
+                description: l(n)("common.noData"),
                 style: { padding: "24px 0" }
-              }, null, 8, ["description"])) : X("", !0)
+              }, null, 8, ["description"])) : b("", !0)
             ])
+          ], 512), [
+            [K, !d.value || k.value === "selected"]
           ])
-        ])
+        ], 2)
       ]),
       _: 1
-    }, 8, ["show", "title", "confirm-text"]));
+    }, 8, ["show", "variant", "title", "confirm-text"]));
   }
 });
 export {
-  Ue as default
+  Ge as default
 };
 //# sourceMappingURL=index2.vue.js.map

package/dist/components/UserPicker/index2.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index2.vue.js","sources":["../../../src/components/UserPicker/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, h, onMounted, reactive, ref, unref } from 'vue'\nimport { NButton, NEmpty, NInput, NTree, useMessage } from 'naive-ui'\nimport { SmartTable, type SmartTableColumn, type SmartTableInst } from 'smart-naive-table'\nimport { useI18n } from 'vue-i18n'\nimport AppIcon from '#/components/AppIcon.vue'\nimport FormContainer from '#/components/FormContainer/index.vue'\nimport { orgApi, userApi } from '#/api'\nimport { buildTree } from '#/utils/tree'\nimport { translateError } from '#/utils/error'\nimport type { SysOrg, UserItem } from '#/types/api'\n\nconst props = defineProps<{ excludeIds?: number[] }>()\nconst emit = defineEmits<{ (e: 'confirm', ids: number[]): void }>()\n\nconst { t } = useI18n()\nconst message = useMessage()\n\nconst show = ref(false)\nconst tableRef = ref<SmartTableInst<UserItem>>()\n\n// ── 机构树(左面板) ──\nconst orgFlat = ref<SysOrg[]>([])\nconst orgTree = computed(() => {\n  const all = { id: 0, parentId: -1, name: t('common.all'), children: buildTree(orgFlat.value) }\n  return [all]\n})\nconst selectedOrgKey = ref<number | null>(null)\nconst orgId = computed(() =>\n  selectedOrgKey.value && selectedOrgKey.value !== 0 ? selectedOrgKey.value : undefined,\n)\n\nonMounted(async () => {\n  try {\n    orgFlat.value = await orgApi.list()\n  } catch {\n    /* 静默 */\n  }\n})\n\nfunction onOrgSelect(keys: Array<string | number>) {\n  selectedOrgKey.value = (keys[0] as number) ?? null\n  tableRef.value?.refresh()\n}\n\n// ── 可选用户表(中间面板) ──\nconst checkedKeys = ref<(string | number)[]>([])\nconst excludeSet = computed(() => new Set(props.excludeIds ?? []))\n\nconst fetcher = (params: { page: number; pageSize: number; name?: string }) =>\n  userApi.page({\n    page: params.page,\n    pageSize: params.pageSize,\n    name: params.name,\n    orgId: orgId.value,\n  })\n\nconst columns: SmartTableColumn<UserItem>[] = [\n  { type: 'selection' },\n  { key: 'name', title: () => t('user.name'), width: 100 },\n  { key: 'account', title: () => t('user.account'), width: 120, search: true },\n  {\n    key: 'op',\n    title: () => t('common.operation'),\n    width: 70,\n    render: r => {\n      const already = selectedSet.value.has(r.id) || excludeSet.value.has(r.id)\n      return h(\n        NButton,\n        {\n          size: 'tiny',\n          type: 'primary',\n          quaternary: true,\n          disabled: already,\n          onClick: () => addUsers([r]),\n        },\n        () => (already ? t('userPicker.added') : t('userPicker.add')),\n      )\n    },\n  },\n]\n\n// ── 已选用户(右面板) ──\nconst selected = reactive<UserItem[]>([])\nconst selectedSet = computed(() => new Set(selected.map(u => u.id)))\nconst selectedSearch = ref('')\nconst filteredSelected = computed(() => {\n  const q = selectedSearch.value.trim().toLowerCase()\n  if (!q) return selected\n  return selected.filter(\n    u => u.name.toLowerCase().includes(q) || u.account.toLowerCase().includes(q),\n  )\n})\n\nfunction addUsers(users: UserItem[]) {\n  for (const u of users) {\n    if (!selectedSet.value.has(u.id) && !excludeSet.value.has(u.id)) {\n      selected.push(u)\n    }\n  }\n}\n\nfunction addChecked() {\n  // SmartTable 只 expose rows,别改用未公开的 tableData —— 恒为 undefined。\n  // unref 兼容类型声明的 Ref 与运行时 expose 解包两种形态。\n  const rows = (unref(tableRef.value?.rows) ?? []).filter(r => checkedKeys.value.includes(r.id))\n  addUsers(rows)\n  checkedKeys.value = []\n}\n\nfunction removeUser(id: number) {\n  const idx = selected.findIndex(u => u.id === id)\n  if (idx >= 0) selected.splice(idx, 1)\n}\n\nfunction clearSelected() {\n  selected.splice(0, selected.length)\n}\n\n// ── 公共 API ──\nasync function open(ids?: number[]) {\n  selected.splice(0, selected.length)\n  checkedKeys.value = []\n  selectedSearch.value = ''\n  selectedOrgKey.value = null\n  show.value = true\n\n  if (ids?.length) {\n    try {\n      // ponytail: 拉一页,靠 id 过滤。200 是内核 Api:MaxPageSize 的默认上限,再大后端直接回 48001。\n      // 用户超过 200 个时,排在后面的 id 解析不出名字,走下面那条退回显示 id 的分支;\n      // 真要支持更大规模的用户名单,再改成分页搜索。\n      const { items } = await userApi.page({ page: 1, pageSize: 200 })\n      const all = items.filter(u => ids.includes(u.id))\n      // 没拉到的 id(翻页之外),退回只显示 id\n      const found = new Set(all.map(u => u.id))\n      for (const u of all) selected.push(u)\n      for (const id of ids) {\n        if (!found.has(id)) selected.push({ id, account: String(id), name: String(id) } as UserItem)\n      }\n    } catch {\n      for (const id of ids) selected.push({ id, account: String(id), name: String(id) } as UserItem)\n    }\n  }\n}\n\nasync function handleConfirm() {\n  const ids = selected.map(u => u.id)\n  emit('confirm', ids)\n}\n\ndefineExpose({ open })\n</script>\n\n<template>\n  <FormContainer\n    v-model:show=\"show\"\n    :title=\"t('userPicker.title')\"\n    :width=\"1100\"\n    :on-confirm=\"handleConfirm\"\n    :confirm-text=\"t('common.confirm')\"\n  >\n    <div class=\"user-picker\">\n      <!-- 左面板:机构树 -->\n      <div class=\"picker-tree\">\n        <div class=\"panel-header\">{{ t('org.title') }}</div>\n        <n-tree\n          :data=\"orgTree\"\n          key-field=\"id\"\n          label-field=\"name\"\n          children-field=\"children\"\n          selectable\n          block-line\n          default-expand-all\n          :selected-keys=\"selectedOrgKey != null ? [selectedOrgKey] : []\"\n          @update:selected-keys=\"onOrgSelect\"\n        />\n      </div>\n\n      <!-- 中间面板:可选用户 -->\n      <div class=\"picker-table\">\n        <div class=\"panel-header\">\n          <span>{{ t('userPicker.available') }}</span>\n          <n-button\n            size=\"tiny\"\n            type=\"primary\"\n            :disabled=\"checkedKeys.length === 0\"\n            @click=\"addChecked\"\n          >\n            {{ t('userPicker.addChecked') }}({{ checkedKeys.length }})\n          </n-button>\n        </div>\n        <SmartTable\n          :default-page-size=\"100\"\n          ref=\"tableRef\"\n          :columns=\"columns\"\n          :fetcher=\"fetcher\"\n          :pagination=\"{ pageSize: 10 }\"\n          size=\"small\"\n          storage-key=\"user-picker\"\n          :tool-button=\"false\"\n          :checked-row-keys=\"checkedKeys\"\n          @update:checked-row-keys=\"(keys: (string | number)[]) => (checkedKeys = keys)\"\n          @error=\"e => message.error(translateError(e))\"\n        />\n      </div>\n\n      <!-- 右面板:已选用户 -->\n      <div class=\"picker-selected\">\n        <div class=\"panel-header\">\n          <span>{{ t('userPicker.selected') }}({{ selected.length }})</span>\n          <n-button\n            size=\"tiny\"\n            quaternary\n            type=\"error\"\n            :disabled=\"selected.length === 0\"\n            @click=\"clearSelected\"\n          >\n            {{ t('userPicker.clear') }}\n          </n-button>\n        </div>\n        <n-input\n          v-model:value=\"selectedSearch\"\n          size=\"small\"\n          clearable\n          :placeholder=\"t('common.search')\"\n          style=\"margin-bottom: 8px\"\n        />\n        <div class=\"selected-list\">\n          <div v-for=\"u in filteredSelected\" :key=\"u.id\" class=\"selected-item\">\n            <span class=\"selected-name\">\n              {{ u.name }}\n              <span class=\"selected-account\">({{ u.account }})</span>\n            </span>\n            <n-button size=\"tiny\" quaternary type=\"error\" @click=\"removeUser(u.id)\">\n              <template #icon><AppIcon icon=\"ph:x\" :size=\"14\" /></template>\n            </n-button>\n          </div>\n          <n-empty\n            v-if=\"filteredSelected.length === 0\"\n            :description=\"t('common.noData')\"\n            style=\"padding: 24px 0\"\n          />\n        </div>\n      </div>\n    </div>\n  </FormContainer>\n</template>\n\n<style scoped>\n.user-picker {\n  display: flex;\n  gap: 12px;\n  min-height: 400px;\n}\n.panel-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: 13px;\n  font-weight: 600;\n  padding: 0 0 8px;\n  border-bottom: 1px solid var(--n-border-color, #e0e0e6);\n  margin-bottom: 8px;\n}\n.picker-tree {\n  width: 160px;\n  flex-shrink: 0;\n  overflow: auto;\n  border-right: 1px solid var(--n-border-color, #e0e0e6);\n  padding-right: 12px;\n}\n.picker-table {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n}\n.picker-selected {\n  width: 200px;\n  flex-shrink: 0;\n  border-left: 1px solid var(--n-border-color, #e0e0e6);\n  padding-left: 12px;\n  display: flex;\n  flex-direction: column;\n}\n.selected-list {\n  flex: 1;\n  overflow: auto;\n  max-height: 380px;\n}\n.selected-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 4px 0;\n  font-size: 13px;\n  border-bottom: 1px solid var(--n-border-color, #e0e0e6);\n}\n.selected-item:last-child {\n  border-bottom: none;\n}\n.selected-name {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.selected-account {\n  color: var(--n-text-color-disabled, #999);\n  font-size: 12px;\n  margin-left: 2px;\n}\n</style>\n"],"names":["props","__props","emit","__emit","t","useI18n","message","useMessage","show","ref","tableRef","orgFlat","orgTree","computed","buildTree","selectedOrgKey","orgId","onMounted","orgApi","onOrgSelect","keys","_a","checkedKeys","excludeSet","fetcher","params","userApi","columns","r","already","selectedSet","h","NButton","addUsers","selected","reactive","u","selectedSearch","filteredSelected","q","users","addChecked","rows","unref","removeUser","id","idx","clearSelected","open","ids","items","all","found","handleConfirm","__expose","_createBlock","FormContainer","$event","_unref","_createElementVNode","_hoisted_1","_hoisted_2","_hoisted_3","_toDisplayString","_createVNode","NTree","_hoisted_4","_hoisted_5","_createTextVNode","SmartTable","_cache","e","translateError","_hoisted_6","_hoisted_7","NInput","_hoisted_8","_createElementBlock","_Fragment","_renderList","_hoisted_9","_hoisted_10","AppIcon","NEmpty"],"mappings":"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"}
+{"version":3,"file":"index2.vue.js","sources":["../../../src/components/UserPicker/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, h, onMounted, reactive, ref, unref } from 'vue'\nimport { NButton, NEmpty, NInput, NTab, NTabs, NTree, NTreeSelect, useMessage } from 'naive-ui'\nimport { SmartTable, type SmartTableColumn, type SmartTableInst } from 'smart-naive-table'\nimport { useI18n } from 'vue-i18n'\nimport { useWindowSize } from '@vueuse/core'\nimport AppIcon from '#/components/AppIcon.vue'\nimport FormContainer from '#/components/FormContainer/index.vue'\nimport { useShellBreakpoint } from '#/composables/useShellBreakpoint'\nimport { orgApi, userApi } from '#/api'\nimport { buildTree } from '#/utils/tree'\nimport { translateError } from '#/utils/error'\nimport { SEARCH_ACTIONS } from '#/utils/tableFilter'\nimport type { SysOrg, UserItem } from '#/types/api'\n\nconst props = defineProps<{ excludeIds?: number[] }>()\nconst emit = defineEmits<{ (e: 'confirm', ids: number[]): void }>()\n\nconst { t } = useI18n()\nconst message = useMessage()\n\nconst show = ref(false)\nconst tableRef = ref<SmartTableInst<UserItem>>()\n\n// 屏幕形态:\n//   宽 / 中档 = 居中弹窗里的三栏(机构树 | 可选用户 | 已选);\n//   窄档(壳层 < 600)= 底部抽屉,三栏收成「可选用户 / 已选」两页,机构树换成页内的树选择;\n//   内容区 < 900 但还不到窄档时仍是弹窗,三栏同样收成两页(1100 宽的三栏在这里放不下)。\n// 三栏选择器在抽屉里太局促,所以宽 / 中档固定用弹窗,不跟随「表单形态」全局偏好。\nconst { bp } = useShellBreakpoint()\nconst { width: winW } = useWindowSize()\nconst compact = computed(() => bp.value === 'narrow' || winW.value < 900)\nconst variant = computed(() => (bp.value === 'narrow' ? 'drawer' : 'modal'))\nconst tab = ref<'users' | 'selected'>('users')\nconst btnSize = computed(() => (compact.value ? 'large' : 'small'))\n\n// ── 机构树(左面板) ──\nconst orgFlat = ref<SysOrg[]>([])\nconst orgTree = computed(() => {\n  const all = { id: 0, parentId: -1, name: t('common.all'), children: buildTree(orgFlat.value) }\n  return [all]\n})\nconst selectedOrgKey = ref<number | null>(null)\nconst orgId = computed(() =>\n  selectedOrgKey.value && selectedOrgKey.value !== 0 ? selectedOrgKey.value : undefined,\n)\n\nonMounted(async () => {\n  try {\n    orgFlat.value = await orgApi.list()\n  } catch {\n    /* 静默 */\n  }\n})\n\nfunction onOrgSelect(keys: Array<string | number>) {\n  selectedOrgKey.value = (keys[0] as number) ?? null\n  tableRef.value?.refresh()\n}\n// 两页形态下机构树换成树选择:没有「再点一次取消」,选「全部」(id 0)即不限机构。\nfunction onOrgPick(key: number | null) {\n  selectedOrgKey.value = key ?? null\n  tableRef.value?.refresh()\n}\n\n// ── 可选用户表(中间面板) ──\nconst checkedKeys = ref<(string | number)[]>([])\nconst excludeSet = computed(() => new Set(props.excludeIds ?? []))\n\nconst fetcher = (params: { page: number; pageSize: number; account?: string }) =>\n  userApi.page({\n    page: params.page,\n    pageSize: params.pageSize,\n    account: params.account,\n    orgId: orgId.value,\n  })\n\nconst columns: SmartTableColumn<UserItem>[] = [\n  { type: 'selection' },\n  { key: 'name', title: () => t('user.name'), width: 100 },\n  {\n    key: 'account',\n    title: () => t('user.account'),\n    width: 120,\n    search: { actions: SEARCH_ACTIONS.fuzzy },\n  },\n  {\n    key: 'op',\n    title: () => t('common.operation'),\n    width: 70,\n    render: r => {\n      const already = selectedSet.value.has(r.id) || excludeSet.value.has(r.id)\n      return h(\n        NButton,\n        {\n          size: 'tiny',\n          type: 'primary',\n          quaternary: true,\n          disabled: already,\n          onClick: () => addUsers([r]),\n        },\n        () => (already ? t('userPicker.added') : t('userPicker.add')),\n      )\n    },\n  },\n]\n\n// ── 已选用户(右面板) ──\nconst selected = reactive<UserItem[]>([])\nconst selectedSet = computed(() => new Set(selected.map(u => u.id)))\nconst selectedSearch = ref('')\nconst filteredSelected = computed(() => {\n  const q = selectedSearch.value.trim().toLowerCase()\n  if (!q) return selected\n  return selected.filter(\n    u => u.name.toLowerCase().includes(q) || u.account.toLowerCase().includes(q),\n  )\n})\n\nfunction addUsers(users: UserItem[]) {\n  for (const u of users) {\n    if (!selectedSet.value.has(u.id) && !excludeSet.value.has(u.id)) {\n      selected.push(u)\n    }\n  }\n}\n\nfunction addChecked() {\n  // SmartTable 只 expose rows,别改用未公开的 tableData —— 恒为 undefined。\n  // unref 兼容类型声明的 Ref 与运行时 expose 解包两种形态。\n  const rows = (unref(tableRef.value?.rows) ?? []).filter(r => checkedKeys.value.includes(r.id))\n  addUsers(rows)\n  checkedKeys.value = []\n}\n\nfunction removeUser(id: number) {\n  const idx = selected.findIndex(u => u.id === id)\n  if (idx >= 0) selected.splice(idx, 1)\n}\n\nfunction clearSelected() {\n  selected.splice(0, selected.length)\n}\n\n// ── 公共 API ──\nasync function open(ids?: number[]) {\n  selected.splice(0, selected.length)\n  checkedKeys.value = []\n  selectedSearch.value = ''\n  selectedOrgKey.value = null\n  tab.value = 'users'\n  show.value = true\n\n  if (ids?.length) {\n    try {\n      // ponytail: 拉一页,靠 id 过滤。取 200 是为了在应用把 Api:MaxPageSize 调小时也不会被后端回 48001。\n      // 用户超过 200 个时,排在后面的 id 解析不出名字,走下面那条退回显示 id 的分支;\n      // 真要支持更大规模的用户名单,再改成分页搜索。\n      const { items } = await userApi.page({ page: 1, pageSize: 200 })\n      const all = items.filter(u => ids.includes(u.id))\n      // 没拉到的 id(翻页之外),退回只显示 id\n      const found = new Set(all.map(u => u.id))\n      for (const u of all) selected.push(u)\n      for (const id of ids) {\n        if (!found.has(id)) selected.push({ id, account: String(id), name: String(id) } as UserItem)\n      }\n    } catch {\n      for (const id of ids) selected.push({ id, account: String(id), name: String(id) } as UserItem)\n    }\n  }\n}\n\nasync function handleConfirm() {\n  const ids = selected.map(u => u.id)\n  emit('confirm', ids)\n}\n\ndefineExpose({ open })\n</script>\n\n<template>\n  <FormContainer\n    v-model:show=\"show\"\n    :variant=\"variant\"\n    :title=\"t('userPicker.title')\"\n    :width=\"1100\"\n    :on-confirm=\"handleConfirm\"\n    :confirm-text=\"t('common.confirm')\"\n  >\n    <n-tabs v-if=\"compact\" v-model:value=\"tab\" type=\"segment\" animated class=\"picker-tabs\">\n      <n-tab name=\"users\">{{ t('userPicker.available') }}</n-tab>\n      <n-tab name=\"selected\">{{ t('userPicker.selected') }}({{ selected.length }})</n-tab>\n    </n-tabs>\n    <div class=\"user-picker\" :class=\"{ 'is-compact': compact }\">\n      <!-- 左面板:机构树(两页形态下换成可选用户页顶部的树选择) -->\n      <div v-if=\"!compact\" class=\"picker-tree\">\n        <div class=\"panel-header\">{{ t('org.title') }}</div>\n        <n-tree\n          :data=\"orgTree\"\n          key-field=\"id\"\n          label-field=\"name\"\n          children-field=\"children\"\n          selectable\n          block-line\n          default-expand-all\n          :selected-keys=\"selectedOrgKey != null ? [selectedOrgKey] : []\"\n          @update:selected-keys=\"onOrgSelect\"\n        />\n      </div>\n\n      <!-- 中间面板:可选用户 -->\n      <div v-show=\"!compact || tab === 'users'\" class=\"picker-table\">\n        <n-tree-select\n          v-if=\"compact\"\n          :value=\"selectedOrgKey ?? 0\"\n          :options=\"orgTree\"\n          key-field=\"id\"\n          label-field=\"name\"\n          children-field=\"children\"\n          default-expand-all\n          size=\"large\"\n          class=\"picker-org-select\"\n          @update:value=\"onOrgPick\"\n        />\n        <div class=\"panel-header\">\n          <span>{{ t('userPicker.available') }}</span>\n          <n-button\n            :size=\"btnSize\"\n            type=\"primary\"\n            :disabled=\"checkedKeys.length === 0\"\n            @click=\"addChecked\"\n          >\n            {{ t('userPicker.addChecked') }}({{ checkedKeys.length }})\n          </n-button>\n        </div>\n        <SmartTable\n          :default-page-size=\"100\"\n          ref=\"tableRef\"\n          :columns=\"columns\"\n          :fetcher=\"fetcher\"\n          :search=\"{ container: 'table' }\"\n          :pagination=\"{ pageSize: 10 }\"\n          size=\"small\"\n          storage-key=\"user-picker\"\n          :tool-button=\"false\"\n          :checked-row-keys=\"checkedKeys\"\n          @update:checked-row-keys=\"(keys: (string | number)[]) => (checkedKeys = keys)\"\n          @error=\"e => message.error(translateError(e))\"\n        />\n      </div>\n\n      <!-- 右面板:已选用户 -->\n      <div v-show=\"!compact || tab === 'selected'\" class=\"picker-selected\">\n        <div class=\"panel-header\">\n          <span>{{ t('userPicker.selected') }}({{ selected.length }})</span>\n          <n-button\n            :size=\"btnSize\"\n            quaternary\n            type=\"error\"\n            :disabled=\"selected.length === 0\"\n            @click=\"clearSelected\"\n          >\n            {{ t('userPicker.clear') }}\n          </n-button>\n        </div>\n        <n-input\n          v-model:value=\"selectedSearch\"\n          :size=\"compact ? 'large' : 'small'\"\n          clearable\n          :placeholder=\"t('common.search')\"\n          style=\"margin-bottom: 8px\"\n        />\n        <div class=\"selected-list\">\n          <div v-for=\"u in filteredSelected\" :key=\"u.id\" class=\"selected-item\">\n            <span class=\"selected-name\">\n              {{ u.name }}\n              <span class=\"selected-account\">({{ u.account }})</span>\n            </span>\n            <n-button :size=\"btnSize\" quaternary type=\"error\" @click=\"removeUser(u.id)\">\n              <template #icon><AppIcon icon=\"ph:x\" :size=\"14\" /></template>\n            </n-button>\n          </div>\n          <n-empty\n            v-if=\"filteredSelected.length === 0\"\n            :description=\"t('common.noData')\"\n            style=\"padding: 24px 0\"\n          />\n        </div>\n      </div>\n    </div>\n  </FormContainer>\n</template>\n\n<style scoped>\n/* 选择器的尺寸、分隔线、字号。 */\n.user-picker {\n  display: flex;\n  gap: 12px;\n  min-height: min(440px, calc(100vh - 250px));\n}\n.panel-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 34px;\n  font-size: 13.5px;\n  font-weight: 600;\n  padding: 0 0 8px;\n  border-bottom: 1px solid var(--hairline);\n  margin-bottom: 8px;\n}\n.picker-tree {\n  width: 200px;\n  flex-shrink: 0;\n  overflow: auto;\n  border-right: 1px solid var(--hairline);\n  padding-right: 12px;\n}\n.picker-table {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n}\n.picker-org-select {\n  margin-bottom: 8px;\n}\n.picker-selected {\n  width: 220px;\n  flex-shrink: 0;\n  border-left: 1px solid var(--hairline);\n  padding-left: 12px;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n}\n.selected-list {\n  flex: 1;\n  min-height: 0;\n  overflow: auto;\n  max-height: 380px;\n}\n.selected-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 6px;\n  padding: 2px 0;\n  font-size: 13.5px;\n  border-bottom: 1px solid var(--hairline);\n}\n.selected-item:last-child {\n  border-bottom: none;\n}\n.selected-name {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.selected-account {\n  color: var(--text-3);\n  margin-left: 2px;\n}\n\n/* 两页形态:分段页签在上,当前页占满整行;已选页不再要左侧分隔线,条目行高放大到可点 */\n.picker-tabs {\n  margin-bottom: 12px;\n}\n.user-picker.is-compact {\n  min-height: 0;\n}\n.is-compact .picker-selected {\n  width: auto;\n  flex: 1;\n  border-left: none;\n  padding-left: 0;\n}\n.is-compact .selected-list {\n  max-height: none;\n}\n.is-compact .selected-item {\n  min-height: 44px;\n}\n</style>\n"],"names":["props","__props","emit","__emit","t","useI18n","message","useMessage","show","ref","tableRef","bp","useShellBreakpoint","winW","useWindowSize","compact","computed","variant","tab","btnSize","orgFlat","orgTree","buildTree","selectedOrgKey","orgId","onMounted","orgApi","onOrgSelect","keys","_a","onOrgPick","key","checkedKeys","excludeSet","fetcher","params","userApi","columns","SEARCH_ACTIONS","r","already","selectedSet","h","NButton","addUsers","selected","reactive","u","selectedSearch","filteredSelected","q","users","addChecked","rows","unref","removeUser","id","idx","clearSelected","open","ids","items","all","found","handleConfirm","__expose","_createBlock","FormContainer","$event","_unref","NTabs","_createVNode","NTab","_createTextVNode","_toDisplayString","_createElementVNode","_normalizeClass","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","NTree","_withDirectives","_hoisted_3","NTreeSelect","_hoisted_4","SmartTable","_cache","e","translateError","_vShow","_hoisted_5","_hoisted_6","NInput","_hoisted_7","_Fragment","_renderList","_hoisted_8","_hoisted_9","AppIcon","NEmpty"],"mappings":"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"}

package/dist/composables/useBatchDelete.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBatchDelete.js","sources":["../../src/composables/useBatchDelete.ts"],"sourcesContent":["// 表格批量删除的样板收敛:维护勾选态 + 二次确认(挂起对话框防连点)+ 成功后清选并刷新。\n// 用在 SmartTable(经 $attrs 把 checked-row-keys 透传到内层 n-data-table)与裸 n-data-table 两处。\n// 仅限 setup 中调用(内部用 useConfirm → useI18n/useDialog)。\nimport { computed, ref } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useConfirm } from '#/composables/useConfirm'\n\nexport interface UseBatchDeleteOptions {\n  /** 批量删除接口(收 number[] 主键)。 */\n  remove: (ids: number[]) => Promise<unknown>\n  /** 删除成功后刷新数据。 */\n  refresh: () => void\n  /** 成功 toast 文案;false = 不弹(另有提示)。缺省用 common.success。 */\n  successMsg?: string | false\n  /**\n   * 自定义确认文案(可异步:删前要先查点东西才能把话说清楚时用,如\"这些角色关联了 N 个用户\")。\n   * 缺省是按条数的通用文案。有此需求的页面若只给行内单删加警告,勾选+批量删就能绕过去。\n   */\n  content?: (ids: number[]) => string | Promise<string>\n}\n\nexport function useBatchDelete(opts: UseBatchDeleteOptions) {\n  const { t } = useI18n()\n  const { confirm } = useConfirm()\n  /** 勾选的行主键(绑到表格的 checked-row-keys)。 */\n  const checkedKeys = ref<Array<string | number>>([])\n  const hasSelection = computed(() => checkedKeys.value.length > 0)\n\n  async function run() {\n    const ids = checkedKeys.value.map(Number)\n    if (ids.length === 0) return\n    const ok = await confirm({\n      content: (await opts.content?.(ids)) ?? t('common.batchDeleteConfirm', { count: ids.length }),\n      action: () => opts.remove(ids),\n      successMsg: opts.successMsg,\n    })\n    if (ok) {\n      checkedKeys.value = []\n      opts.refresh()\n    }\n  }\n\n  return { checkedKeys, hasSelection, run }\n}\n"],"names":["useBatchDelete","opts","t","useI18n","confirm","useConfirm","checkedKeys","ref","hasSelection","computed","run","ids","_a"],"mappings":";;;AAqBO,SAASA,EAAeC,GAA6B;AAC1D,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEdC,IAAcC,EAA4B,EAAE,GAC5CC,IAAeC,EAAS,MAAMH,EAAY,MAAM,SAAS,CAAC;AAEhE,iBAAeI,IAAM;;AACnB,UAAMC,IAAML,EAAY,MAAM,IAAI,MAAM;AACxC,QAAIK,EAAI,WAAW,EAAG;AAMtB,IALW,MAAMP,EAAQ;AAAA,MACvB,SAAU,QAAMQ,IAAAX,EAAK,YAAL,gBAAAW,EAAA,KAAAX,GAAeU,OAAST,EAAE,6BAA6B,EAAE,OAAOS,EAAI,OAAA,CAAQ;AAAA,MAC5F,QAAQ,MAAMV,EAAK,OAAOU,CAAG;AAAA,MAC7B,YAAYV,EAAK;AAAA,IAAA,CAClB,MAECK,EAAY,QAAQ,CAAA,GACpBL,EAAK,QAAA;AAAA,EAET;AAEA,SAAO,EAAE,aAAAK,GAAa,cAAAE,GAAc,KAAAE,EAAA;AACtC;"}
+{"version":3,"file":"useBatchDelete.js","sources":["../../src/composables/useBatchDelete.ts"],"sourcesContent":["// 表格批量删除的样板收敛:维护勾选态 + 二次确认(挂起对话框防连点)+ 成功后清选并刷新。\n// 用在 SmartTable(经 $attrs 把 checked-row-keys 透传到内层 n-data-table)。\n// 仅限 setup 中调用(内部用 useConfirm → useI18n/useDialog)。\n// SmartTable 3.0 用 #batch 批量栏承载按钮(勾选后才出现),不需要 hasSelection 控制禁用;\n// hasSelection 仍返回,给批量按钮不在 #batch 里的调用方用(如字典项的窄档抽屉,按钮在抽屉底栏)。\nimport { computed, ref } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useConfirm } from '#/composables/useConfirm'\n\nexport interface UseBatchDeleteOptions {\n  /** 批量删除接口(收 number[] 主键)。 */\n  remove: (ids: number[]) => Promise<unknown>\n  /** 删除成功后刷新数据。 */\n  refresh: () => void\n  /** 成功 toast 文案;false = 不弹(另有提示)。缺省用 common.success。 */\n  successMsg?: string | false\n  /**\n   * 自定义确认文案(可异步:删前要先查点东西才能把话说清楚时用,如\"这些角色关联了 N 个用户\")。\n   * 缺省是按条数的通用文案。有此需求的页面若只给行内单删加警告,勾选+批量删就能绕过去。\n   */\n  content?: (ids: number[]) => string | Promise<string>\n}\n\nexport function useBatchDelete(opts: UseBatchDeleteOptions) {\n  const { t } = useI18n()\n  const { confirm } = useConfirm()\n  /** 勾选的行主键(绑到表格的 checked-row-keys)。 */\n  const checkedKeys = ref<Array<string | number>>([])\n  const hasSelection = computed(() => checkedKeys.value.length > 0)\n\n  async function run() {\n    const ids = checkedKeys.value.map(Number)\n    if (ids.length === 0) return\n    const ok = await confirm({\n      content: (await opts.content?.(ids)) ?? t('common.batchDeleteConfirm', { count: ids.length }),\n      action: () => opts.remove(ids),\n      successMsg: opts.successMsg,\n    })\n    if (ok) {\n      checkedKeys.value = []\n      opts.refresh()\n    }\n  }\n\n  return { checkedKeys, hasSelection, run }\n}\n"],"names":["useBatchDelete","opts","t","useI18n","confirm","useConfirm","checkedKeys","ref","hasSelection","computed","run","ids","_a"],"mappings":";;;AAuBO,SAASA,EAAeC,GAA6B;AAC1D,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEdC,IAAcC,EAA4B,EAAE,GAC5CC,IAAeC,EAAS,MAAMH,EAAY,MAAM,SAAS,CAAC;AAEhE,iBAAeI,IAAM;;AACnB,UAAMC,IAAML,EAAY,MAAM,IAAI,MAAM;AACxC,QAAIK,EAAI,WAAW,EAAG;AAMtB,IALW,MAAMP,EAAQ;AAAA,MACvB,SAAU,QAAMQ,IAAAX,EAAK,YAAL,gBAAAW,EAAA,KAAAX,GAAeU,OAAST,EAAE,6BAA6B,EAAE,OAAOS,EAAI,OAAA,CAAQ;AAAA,MAC5F,QAAQ,MAAMV,EAAK,OAAOU,CAAG;AAAA,MAC7B,YAAYV,EAAK;AAAA,IAAA,CAClB,MAECK,EAAY,QAAQ,CAAA,GACpBL,EAAK,QAAA;AAAA,EAET;AAEA,SAAO,EAAE,aAAAK,GAAa,cAAAE,GAAc,KAAAE,EAAA;AACtC;"}

package/dist/composables/useLayoutMenu.js

@@ -1,25 +1,26 @@
-import { computed as l, ref as M, watch as s, h } from "vue";
-import { NBadge as O } from "naive-ui";
-import { createSharedComposable as w } from "@vueuse/core";
-import A from "../components/AppIcon.vue.js";
-import { menuBadge as I } from "./useMenuBadge.js";
+import { computed as l, ref as I, watch as s, h } from "vue";
+import { NBadge as M } from "naive-ui";
+import { createSharedComposable as O } from "@vueuse/core";
+import w from "../components/AppIcon.vue.js";
+import { menuBadge as A } from "./useMenuBadge.js";
 import { router as a } from "../router/index.js";
 import { useAuthStore as K } from "../stores/auth.js";
 import { useAppStore as T } from "../stores/app.js";
 import { translateMenuTitle as m } from "../locales/menuTitle.js";
 import { isHttpUrl as W, isFullscreenPath as _ } from "../utils/url.js";
+import { lineIcon as C } from "../utils/menuIcon.js";
 import { MenuType as p } from "../types/menu.js";
 function d(r) {
   return !W(r) && !_(r) ? !1 : (window.open(r, "_blank", "noopener,noreferrer"), !0);
 }
-function v(r, e = "ph:dot-outline-duotone") {
-  return () => h(A, { icon: r || e, size: 18 });
+function v(r, e = "ph:dot-outline") {
+  return () => h(w, { icon: C(r) || e, size: 18 });
 }
-function C(r) {
+function R(r) {
   if (r)
     return () => {
-      const e = I(r);
-      return e == null || e === 0 || e === "" ? null : h(O, { value: e, max: 99 });
+      const e = A(r);
+      return e == null || e === 0 || e === "" ? null : h(M, { value: e, max: 99 });
     };
 }
 function y(r) {
@@ -29,7 +30,7 @@ function y(r) {
       return n.length ? {
         label: m(e.title, e.path),
         key: `cat-${e.id}`,
-        icon: v(e.icon, "ph:folder-duotone"),
+        icon: v(e.icon, "ph:folder"),
         children: n
       } : null;
     }
@@ -37,7 +38,7 @@ function y(r) {
       label: m(e.title, e.path),
       key: e.path ?? `menu-${e.id}`,
       icon: v(e.icon),
-      extra: C(e.path)
+      extra: R(e.path)
     };
   }).filter((e) => e !== null);
 }
@@ -51,10 +52,10 @@ function k(r) {
     if (n) return n;
   }
 }
-function R() {
+function $() {
   const r = K(), e = T(), n = l(() => (e.locale, y(r.menuTree))), b = l(
     () => n.value.map((t) => ({ label: t.label, key: t.key, icon: t.icon, extra: t.extra }))
-  ), c = l(() => a.currentRoute.value.path), i = M();
+  ), c = l(() => a.currentRoute.value.path), i = I();
   function f(t) {
     const o = n.value.find((u) => g(u, t));
     return o ? String(o.key) : void 0;
@@ -86,8 +87,8 @@ function R() {
   }
   return { menuOptions: n, l1Options: b, l2Options: S, selectedL1: i, activeKey: c, onSelect: x, onSelectL1: L };
 }
-const G = w(R);
+const Q = O($);
 export {
-  G as useLayoutMenu
+  Q as useLayoutMenu
 };
 //# sourceMappingURL=useLayoutMenu.js.map