smart-admin-web 10.14.0 → 10.20.0

package/dist/views/system/dict/index2.vue.js

@@ -1,85 +1,108 @@
-import { defineComponent as be, ref as p, reactive as J, resolveDirective as he, openBlock as k, createElementBlock as ke, Fragment as we, createElementVNode as ge, createVNode as o, unref as e, withCtx as d, withDirectives as N, createBlock as T, createTextVNode as z, toDisplayString as P, h as m } from "vue";
-import { useMessage as Te, NCard as B, NButton as b, NDataTable as Ce, NSpace as F, NEmpty as Se, NForm as Q, NFormItem as v, NInput as S, NInputNumber as W, NSwitch as X, NPopconfirm as Y } from "naive-ui";
-import { useI18n as Ue } from "vue-i18n";
-import { SmartTable as Re } from "smart-naive-table";
-import E from "../../../components/AppIcon.vue.js";
-import Z from "../../../components/FormContainer/index.vue.js";
+import { defineComponent as qe, ref as m, computed as ie, h as u, reactive as oe, resolveDirective as ze, openBlock as y, createElementBlock as ne, Fragment as Ae, createElementVNode as re, createVNode as n, unref as t, withCtx as o, withDirectives as R, createBlock as w, createTextVNode as I, toDisplayString as T, createCommentVNode as de, mergeProps as se } from "vue";
+import { useMessage as Be, NSpace as ue, NButton as f, NPopconfirm as ce, NCard as Le, NEmpty as Fe, NDrawer as Ve, NDrawerContent as je, NForm as me, NFormItem as h, NInput as x, NInputNumber as pe, NSwitch as ve } from "naive-ui";
+import { useElementSize as Ke, useMediaQuery as He } from "@vueuse/core";
+import { useI18n as Me } from "vue-i18n";
+import { SmartTable as j } from "smart-naive-table";
+import z from "../../../components/AppIcon.vue.js";
+import ye from "../../../components/FormContainer/index.vue.js";
 /* empty css                                           */
-import ee from "../../../components/StatusSwitch/index.vue.js";
-import { useConfirm as Ie } from "../../../composables/useConfirm.js";
-import { useBatchDelete as te } from "../../../composables/useBatchDelete.js";
-import { dictAdminApi as c } from "../../../api/index.js";
-import { useAuthStore as xe } from "../../../stores/auth.js";
-import { useDictStore as De } from "../../../stores/dict.js";
-import { translateError as q } from "../../../utils/error.js";
-const Ne = { class: "dict-layout side-page" }, $e = /* @__PURE__ */ be({
+import fe from "../../../components/StatusSwitch/index.vue.js";
+import { useConfirm as We } from "../../../composables/useConfirm.js";
+import { useBatchDelete as he } from "../../../composables/useBatchDelete.js";
+import { dictAdminApi as p } from "../../../api/index.js";
+import { useAuthStore as $e } from "../../../stores/auth.js";
+import { useDictStore as Ge } from "../../../stores/dict.js";
+import { translateError as A } from "../../../utils/error.js";
+import { SEARCH_ACTIONS as Qe, deriveHeaderFilters as be } from "../../../utils/tableFilter.js";
+import { TABLE_TOOLBAR as Ye, TABLE_MIN_ROW_HEIGHT as ke } from "../../../utils/tableToolbar.js";
+import K from "../../../components/TableTotal/index.vue.js";
+const Je = { class: "sheet-foot" }, Xe = {
+  key: 0,
+  class: "field-hint"
+}, bt = /* @__PURE__ */ qe({
   __name: "index",
-  setup(ze) {
-    const { t: a } = Ue(), w = Te(), { run: A } = Ie(), U = xe(), y = De(), R = p(), r = p(null), g = p([]), _ = p(!1);
-    async function I() {
-      var l, u, i, f;
-      const t = (l = r.value) == null ? void 0 : l.code;
-      if (!t) {
+  setup(Ze) {
+    const { t: a } = Me(), C = Be(), { run: H } = We(), E = $e(), b = Ge(), U = m(), B = { ...Ye, maximize: !1 }, M = m(), { width: W } = Ke(M), P = ie(() => W.value > 0 && W.value < 600), L = m(!1), we = He("(max-width: 640px)"), $ = ie(
+      () => we.value ? { labelPlacement: "top", labelWidth: void 0 } : { labelPlacement: "left", labelWidth: 80 }
+    ), r = m(null), g = m([]), N = m(!1);
+    async function _() {
+      var l, s, v, i;
+      const e = (l = r.value) == null ? void 0 : l.code;
+      if (!e) {
         g.value = [];
         return;
       }
-      _.value = !0;
+      N.value = !0;
       try {
-        const O = await c.items(t);
-        ((u = r.value) == null ? void 0 : u.code) === t && (g.value = O);
-      } catch (O) {
-        ((i = r.value) == null ? void 0 : i.code) === t && (w.error(q(O)), g.value = []);
+        const V = await p.items(e);
+        ((s = r.value) == null ? void 0 : s.code) === e && (g.value = V);
+      } catch (V) {
+        ((v = r.value) == null ? void 0 : v.code) === e && (C.error(A(V)), g.value = []);
       } finally {
-        ((f = r.value) == null ? void 0 : f.code) === t && (_.value = !1);
+        ((i = r.value) == null ? void 0 : i.code) === e && (N.value = !1);
       }
     }
-    async function le(t) {
-      r.value = t, await I();
+    async function ge(e) {
+      r.value = e, await _();
     }
-    const {
-      checkedKeys: L,
-      hasSelection: ae,
-      run: ie
-    } = te({
-      remove: c.typeBatchRemove,
+    function Te(e) {
+      return P.value && (L.value = !0), ge(e);
+    }
+    const { checkedKeys: G, run: Ce } = he({
+      remove: p.typeBatchRemove,
       refresh: () => {
-        var t;
-        r.value = null, g.value = [], y.invalidate(), (t = R.value) == null || t.refresh();
+        var e;
+        r.value = null, g.value = [], b.invalidate(), (e = U.value) == null || e.refresh();
       },
       successMsg: a("dict.typeDeleted")
     }), {
-      checkedKeys: V,
-      hasSelection: oe,
-      run: de
-    } = te({
-      remove: c.itemBatchRemove,
+      checkedKeys: D,
+      hasSelection: Re,
+      run: Q
+    } = he({
+      remove: p.itemBatchRemove,
       refresh: () => {
-        y.invalidate(), I();
+        b.invalidate(), _();
       },
       successMsg: a("dict.itemDeleted")
-    }), K = (t) => ({
-      code: t.code,
-      name: t.name,
-      sort: t.sort,
-      enabled: t.enabled,
-      remark: t.remark ?? ""
-    }), ne = [
+    }), Y = (e) => ({
+      code: e.code,
+      name: e.name,
+      sort: e.sort,
+      enabled: e.enabled,
+      remark: e.remark ?? ""
+    }), J = [
       { type: "selection" },
       { type: "index", title: () => a("common.rowNo"), width: 64, align: "center" },
-      { key: "code", title: () => a("dict.code") },
-      { key: "name", title: () => a("dict.name"), search: !0 },
-      { key: "sort", title: () => a("dict.sort"), width: 70 },
+      {
+        key: "code",
+        title: () => a("dict.code"),
+        render: (e) => u("span", { class: "mono muted" }, e.code)
+      },
+      // 窄档卡片以类型名称作标题(默认取第一个数据列 = 编码,不如名称好认)
+      {
+        key: "name",
+        title: () => a("dict.name"),
+        card: "title",
+        search: { actions: Qe.fuzzy }
+      },
+      {
+        key: "sort",
+        title: () => a("dict.sort"),
+        width: 70,
+        render: (e) => u("span", { class: "num muted" }, e.sort)
+      },
       {
         key: "enabled",
         title: () => a("common.status"),
         width: 90,
         // 包一层 stopPropagation:开关点击不得冒泡到行 onClick(否则误切选中类型)
-        render: (t) => m("div", { onClick: (l) => l.stopPropagation() }, [
-          m(ee, {
-            value: t.enabled,
-            request: (l) => c.typeUpdate(t.id, { ...K(t), enabled: l }),
+        render: (e) => u("div", { onClick: (l) => l.stopPropagation() }, [
+          u(fe, {
+            value: e.enabled,
+            request: (l) => p.typeUpdate(e.id, { ...Y(e), enabled: l }),
             "onUpdate:value": (l) => {
-              t.enabled = l, y.invalidate(t.code);
+              e.enabled = l, b.invalidate(e.code);
             }
           })
         ])
@@ -88,35 +111,47 @@ const Ne = { class: "dict-layout side-page" }, $e = /* @__PURE__ */ be({
         key: "op",
         title: () => a("common.operation"),
         width: 130,
+        align: "right",
         fixed: "right",
         hideInSetting: !0,
         // stopPropagation:操作按钮点击不得冒泡到行 onClick(否则误切选中类型)
-        render: (t) => m(F, { size: 4, wrapItem: !1, onClick: (l) => l.stopPropagation() }, () => [
-          U.hasPerm("PUT:/api/v1/sys/dict/type/{id}") ? m(
-            b,
-            { size: "small", quaternary: !0, type: "primary", onClick: () => ue(t) },
-            () => a("common.edit")
-          ) : null,
-          U.hasPerm("DELETE:/api/v1/sys/dict/type/{id}") ? m(
-            Y,
-            {
-              onPositiveClick: () => A(() => c.typeRemove(t.id), a("dict.typeDeleted")).then((l) => {
-                var u, i;
-                l && (y.invalidate(t.code), ((u = r.value) == null ? void 0 : u.id) === t.id && (r.value = null, g.value = []), (i = R.value) == null || i.refresh());
-              })
-            },
-            {
-              trigger: () => m(
-                b,
-                { size: "small", quaternary: !0, type: "error" },
-                () => a("common.delete")
-              ),
-              default: () => a("dict.typeDeleteConfirm", { name: t.name })
-            }
-          ) : null
-        ])
+        render: (e) => u(
+          ue,
+          { size: 2, justify: "end", wrapItem: !1, onClick: (l) => l.stopPropagation() },
+          () => [
+            E.hasPerm("PUT:/api/v1/sys/dict/type/{id}") ? u(
+              f,
+              {
+                size: "small",
+                quaternary: !0,
+                type: "primary",
+                onClick: () => xe(e)
+              },
+              () => a("common.edit")
+            ) : null,
+            E.hasPerm("DELETE:/api/v1/sys/dict/type/{id}") ? u(
+              ce,
+              {
+                onPositiveClick: () => H(() => p.typeRemove(e.id), a("dict.typeDeleted")).then((l) => {
+                  var s, v;
+                  l && (b.invalidate(e.code), ((s = r.value) == null ? void 0 : s.id) === e.id && (r.value = null, g.value = []), (v = U.value) == null || v.refresh());
+                })
+              },
+              {
+                trigger: () => u(
+                  f,
+                  { size: "small", quaternary: !0, type: "error" },
+                  () => a("common.delete")
+                ),
+                default: () => a("dict.typeDeleteConfirm", { name: e.name })
+              }
+            ) : null
+          ]
+        )
       }
-    ], x = p(!1), j = p(null), h = p(null), re = {
+    ];
+    be(J);
+    const O = m(!1), X = m(null), k = m(null), Ie = {
       code: {
         required: !0,
         whitespace: !0,
@@ -129,81 +164,90 @@ const Ne = { class: "dict-layout side-page" }, $e = /* @__PURE__ */ be({
         message: () => a("dict.nameRequired"),
         trigger: ["input", "blur"]
       }
-    }, H = () => ({ code: "", name: "", sort: 0, enabled: !0, remark: "" }), n = J(H());
-    function se() {
-      h.value = null, Object.assign(n, H()), x.value = !0;
+    }, Z = () => ({ code: "", name: "", sort: 0, enabled: !0, remark: "" }), d = oe(Z());
+    function Se() {
+      k.value = null, Object.assign(d, Z()), O.value = !0;
     }
-    function ue(t) {
-      h.value = t.id, Object.assign(n, K(t)), x.value = !0;
+    function xe(e) {
+      k.value = e.id, Object.assign(d, Y(e)), O.value = !0;
     }
-    async function ce() {
-      var t, l, u;
-      await ((t = j.value) == null ? void 0 : t.validate());
+    async function Ee() {
+      var e, l, s;
+      await ((e = X.value) == null ? void 0 : e.validate());
       try {
-        h.value === null ? await c.typeAdd({ ...n }) : await c.typeUpdate(h.value, { ...n }), y.invalidate(n.code), w.success(a("dict.typeSaved")), await ((l = R.value) == null ? void 0 : l.refresh()), ((u = r.value) == null ? void 0 : u.id) === h.value && Object.assign(r.value, { name: n.name });
-      } catch (i) {
-        return w.error(q(i)), !1;
+        k.value === null ? await p.typeAdd({ ...d }) : await p.typeUpdate(k.value, { ...d }), b.invalidate(d.code), C.success(a("dict.typeSaved")), await ((l = U.value) == null ? void 0 : l.refresh()), ((s = r.value) == null ? void 0 : s.id) === k.value && Object.assign(r.value, { name: d.name });
+      } catch (v) {
+        return C.error(A(v)), !1;
       }
     }
-    const M = (t) => ({
-      dictTypeCode: t.dictTypeCode,
-      label: t.label,
-      value: t.value,
-      sort: t.sort,
-      enabled: t.enabled
-    }), me = [
+    const ee = (e) => ({
+      dictTypeCode: e.dictTypeCode,
+      label: e.label,
+      value: e.value,
+      sort: e.sort,
+      enabled: e.enabled
+    }), Ue = (e) => (l) => p.itemUpdate(e.id, { ...ee(e), enabled: l });
+    function Pe(e, l) {
+      e.enabled = l, b.invalidate(e.dictTypeCode);
+    }
+    const Ne = (e) => H(() => p.itemRemove(e.id), a("dict.itemDeleted")).then((l) => {
+      l && (b.invalidate(e.dictTypeCode), _());
+    }), F = [
       { type: "selection" },
+      { type: "index", title: () => a("common.rowNo"), width: 64, align: "center" },
+      { title: () => a("dict.itemLabel"), key: "label", card: "title", search: {} },
+      {
+        title: () => a("dict.itemValue"),
+        key: "value",
+        search: {},
+        render: (e) => u("span", { class: "mono muted" }, e.value)
+      },
       {
-        key: "rowNo",
-        title: () => a("common.rowNo"),
-        width: 64,
-        align: "center",
-        render: (t, l) => l + 1
+        title: () => a("dict.sort"),
+        key: "sort",
+        width: 70,
+        render: (e) => u("span", { class: "num muted" }, e.sort)
       },
-      { title: () => a("dict.itemLabel"), key: "label" },
-      { title: () => a("dict.itemValue"), key: "value" },
-      { title: () => a("dict.sort"), key: "sort", width: 70 },
       {
         title: () => a("common.status"),
         key: "enabled",
         width: 90,
-        render: (t) => m(ee, {
-          value: t.enabled,
-          request: (l) => c.itemUpdate(t.id, { ...M(t), enabled: l }),
-          "onUpdate:value": (l) => {
-            t.enabled = l, y.invalidate(t.dictTypeCode);
-          }
+        render: (e) => u(fe, {
+          value: e.enabled,
+          request: Ue(e),
+          "onUpdate:value": (l) => Pe(e, l)
         })
       },
       {
         title: () => a("common.operation"),
         key: "op",
         width: 130,
-        render: (t) => m(F, { size: 4, wrapItem: !1 }, () => [
-          U.hasPerm("PUT:/api/v1/sys/dict/item/{id}") ? m(
-            b,
-            { size: "small", quaternary: !0, type: "primary", onClick: () => ye(t) },
+        align: "right",
+        fixed: "right",
+        hideInSetting: !0,
+        render: (e) => u(ue, { size: 2, justify: "end", wrapItem: !1 }, () => [
+          E.hasPerm("PUT:/api/v1/sys/dict/item/{id}") ? u(
+            f,
+            { size: "small", quaternary: !0, type: "primary", onClick: () => De(e) },
             () => a("common.edit")
           ) : null,
-          U.hasPerm("DELETE:/api/v1/sys/dict/item/{id}") ? m(
-            Y,
+          E.hasPerm("DELETE:/api/v1/sys/dict/item/{id}") ? u(
+            ce,
+            { onPositiveClick: () => Ne(e) },
             {
-              onPositiveClick: () => A(() => c.itemRemove(t.id), a("dict.itemDeleted")).then((l) => {
-                l && (y.invalidate(t.dictTypeCode), I());
-              })
-            },
-            {
-              trigger: () => m(
-                b,
+              trigger: () => u(
+                f,
                 { size: "small", quaternary: !0, type: "error" },
                 () => a("common.delete")
               ),
-              default: () => a("dict.itemDeleteConfirm", { label: t.label })
+              default: () => a("dict.itemDeleteConfirm", { label: e.label })
             }
           ) : null
         ])
       }
-    ], D = p(!1), $ = p(null), C = p(null), pe = {
+    ];
+    be(F);
+    const q = m(!1), te = m(null), S = m(null), _e = {
       label: {
         required: !0,
         whitespace: !0,
@@ -216,337 +260,398 @@ const Ne = { class: "dict-layout side-page" }, $e = /* @__PURE__ */ be({
         message: () => a("dict.itemValueRequired"),
         trigger: ["input", "blur"]
       }
-    }, G = () => ({
+    }, le = () => ({
       dictTypeCode: "",
       label: "",
       value: "",
       sort: 0,
       enabled: !0
-    }), s = J(G());
-    function ve() {
-      r.value && (C.value = null, Object.assign(s, G(), { dictTypeCode: r.value.code }), D.value = !0);
+    }), c = oe(le());
+    function ae() {
+      r.value && (S.value = null, Object.assign(c, le(), { dictTypeCode: r.value.code }), q.value = !0);
     }
-    function ye(t) {
-      C.value = t.id, Object.assign(s, M(t)), D.value = !0;
+    function De(e) {
+      S.value = e.id, Object.assign(c, ee(e)), q.value = !0;
     }
-    async function fe() {
-      var t;
-      await ((t = $.value) == null ? void 0 : t.validate());
+    async function Oe() {
+      var e;
+      await ((e = te.value) == null ? void 0 : e.validate());
       try {
-        C.value === null ? await c.itemAdd({ ...s }) : await c.itemUpdate(C.value, { ...s }), y.invalidate(s.dictTypeCode), w.success(a("dict.itemSaved")), await I();
+        S.value === null ? await p.itemAdd({ ...c }) : await p.itemUpdate(S.value, { ...c }), b.invalidate(c.dictTypeCode), C.success(a("dict.itemSaved")), await _();
       } catch (l) {
-        return w.error(q(l)), !1;
+        return C.error(A(l)), !1;
       }
     }
-    return (t, l) => {
-      const u = he("auth");
-      return k(), ke(we, null, [
-        ge("div", Ne, [
-          o(e(B), {
-            class: "dict-pane fill-card",
-            "content-class": "fill-main",
-            bordered: !0
+    return (e, l) => {
+      var v;
+      const s = ze("auth");
+      return y(), ne(Ae, null, [
+        re("div", {
+          ref_key: "layoutRef",
+          ref: M,
+          class: "dict-layout fill-page fill-page--soft fill-split"
+        }, [
+          n(t(j), {
+            toolbar: B,
+            ref_key: "typeTableRef",
+            ref: U,
+            columns: J,
+            fetcher: t(p).typePage,
+            "fill-height": "",
+            "min-row-height": t(ke),
+            "card-on-narrow": "",
+            search: { container: "table" },
+            "storage-key": "sys-dict-type",
+            "active-row-key": ((v = r.value) == null ? void 0 : v.id) ?? null,
+            "row-props": () => ({ style: "cursor: pointer" }),
+            "checked-row-keys": t(G),
+            onRowClick: l[0] || (l[0] = (i) => Te(i)),
+            "onUpdate:checkedRowKeys": l[1] || (l[1] = (i) => G.value = i),
+            onError: l[2] || (l[2] = (i) => t(C).error(t(A)(i)))
           }, {
-            default: d(() => {
-              var i;
-              return [
-                o(e(Re), {
-                  "default-page-size": 100,
-                  ref_key: "typeTableRef",
-                  ref: R,
-                  columns: ne,
-                  fetcher: e(c).typePage,
-                  "flex-height": "",
-                  "virtual-scroll": "",
-                  search: { layout: "inline" },
-                  "storage-key": "sys-dict-type",
-                  "active-row-key": ((i = r.value) == null ? void 0 : i.id) ?? null,
-                  "row-props": () => ({ style: "cursor: pointer" }),
-                  "checked-row-keys": e(L),
-                  onRowClick: l[0] || (l[0] = (f) => le(f)),
-                  "onUpdate:checkedRowKeys": l[1] || (l[1] = (f) => L.value = f),
-                  onError: l[2] || (l[2] = (f) => e(w).error(e(q)(f)))
-                }, {
-                  toolbar: d(() => [
-                    N((k(), T(e(b), {
-                      type: "primary",
-                      onClick: se
-                    }, {
-                      icon: d(() => [
-                        o(E, {
-                          icon: "ph:plus",
-                          size: 16
-                        })
-                      ]),
-                      default: d(() => [
-                        z(" " + P(e(a)("common.add")), 1)
-                      ]),
-                      _: 1
-                    })), [
-                      [u, "POST:/api/v1/sys/dict/type"]
-                    ]),
-                    N((k(), T(e(b), {
-                      type: "error",
-                      disabled: !e(ae),
-                      onClick: e(ie)
-                    }, {
-                      icon: d(() => [
-                        o(E, {
-                          icon: "ph:trash",
-                          size: 16
-                        })
-                      ]),
-                      default: d(() => [
-                        z(" " + P(e(a)("common.batchDelete")), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["disabled", "onClick"])), [
-                      [u, "POST:/api/v1/sys/dict/type/batch-delete"]
-                    ])
-                  ]),
-                  _: 1
-                }, 8, ["fetcher", "active-row-key", "checked-row-keys"])
-              ];
-            }),
+            "pagination-prefix": o(({ itemCount: i }) => [
+              n(K, { count: i }, null, 8, ["count"])
+            ]),
+            "toolbar-right": o(() => [
+              R((y(), w(t(f), {
+                type: "primary",
+                onClick: Se
+              }, {
+                icon: o(() => [
+                  n(z, {
+                    icon: "ph:plus",
+                    size: 16
+                  })
+                ]),
+                default: o(() => [
+                  I(" " + T(t(a)("common.add")), 1)
+                ]),
+                _: 1
+              })), [
+                [s, "POST:/api/v1/sys/dict/type"]
+              ])
+            ]),
+            batch: o(() => [
+              R((y(), w(t(f), {
+                secondary: "",
+                type: "error",
+                onClick: t(Ce)
+              }, {
+                icon: o(() => [
+                  n(z, {
+                    icon: "ph:trash",
+                    size: 16
+                  })
+                ]),
+                default: o(() => [
+                  I(" " + T(t(a)("common.batchDelete")), 1)
+                ]),
+                _: 1
+              }, 8, ["onClick"])), [
+                [s, "POST:/api/v1/sys/dict/type/batch-delete"]
+              ])
+            ]),
             _: 1
-          }),
-          r.value ? (k(), T(e(B), {
+          }, 8, ["fetcher", "min-row-height", "active-row-key", "checked-row-keys"]),
+          !P.value && r.value ? (y(), w(t(j), {
             key: 0,
-            class: "dict-pane fill-card",
-            bordered: !0,
-            title: e(a)("dict.itemsOf", { name: r.value.name })
+            columns: F,
+            data: g.value,
+            "row-key": "id",
+            loading: N.value,
+            toolbar: B,
+            search: { container: "table" },
+            "checked-row-keys": t(D),
+            "fill-height": "",
+            "min-row-height": t(ke),
+            "storage-key": "sys-dict-item",
+            "onUpdate:checkedRowKeys": l[3] || (l[3] = (i) => D.value = i)
           }, {
-            "header-extra": d(() => [
-              o(e(F), { size: 8 }, {
-                default: d(() => [
-                  N((k(), T(e(b), {
-                    size: "small",
-                    type: "error",
-                    disabled: !e(oe),
-                    onClick: e(de)
-                  }, {
-                    icon: d(() => [
-                      o(E, {
-                        icon: "ph:trash",
-                        size: 15
-                      })
-                    ]),
-                    default: d(() => [
-                      z(" " + P(e(a)("common.batchDelete")), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["disabled", "onClick"])), [
-                    [u, "POST:/api/v1/sys/dict/item/batch-delete"]
-                  ]),
-                  N((k(), T(e(b), {
-                    size: "small",
-                    type: "primary",
-                    onClick: ve
-                  }, {
-                    icon: d(() => [
-                      o(E, {
-                        icon: "ph:plus",
-                        size: 15
-                      })
-                    ]),
-                    default: d(() => [
-                      z(" " + P(e(a)("dict.addItem")), 1)
-                    ]),
-                    _: 1
-                  })), [
-                    [u, "POST:/api/v1/sys/dict/item"]
-                  ])
+            "pagination-prefix": o(({ itemCount: i }) => [
+              n(K, { count: i }, null, 8, ["count"])
+            ]),
+            "toolbar-right": o(() => [
+              R((y(), w(t(f), {
+                type: "primary",
+                onClick: ae
+              }, {
+                icon: o(() => [
+                  n(z, {
+                    icon: "ph:plus",
+                    size: 16
+                  })
+                ]),
+                default: o(() => [
+                  I(" " + T(t(a)("dict.addItem")), 1)
                 ]),
                 _: 1
-              })
+              })), [
+                [s, "POST:/api/v1/sys/dict/item"]
+              ])
             ]),
-            default: d(() => [
-              o(e(Ce), {
-                columns: me,
-                data: g.value,
-                loading: _.value,
-                "row-key": (i) => i.id,
-                "checked-row-keys": e(V),
-                size: "small",
-                "flex-height": "",
-                "virtual-scroll": "",
-                "onUpdate:checkedRowKeys": l[3] || (l[3] = (i) => V.value = i)
-              }, null, 8, ["data", "loading", "row-key", "checked-row-keys"])
+            batch: o(() => [
+              R((y(), w(t(f), {
+                secondary: "",
+                type: "error",
+                onClick: t(Q)
+              }, {
+                icon: o(() => [
+                  n(z, {
+                    icon: "ph:trash",
+                    size: 16
+                  })
+                ]),
+                default: o(() => [
+                  I(" " + T(t(a)("common.batchDelete")), 1)
+                ]),
+                _: 1
+              }, 8, ["onClick"])), [
+                [s, "POST:/api/v1/sys/dict/item/batch-delete"]
+              ])
             ]),
             _: 1
-          }, 8, ["title"])) : (k(), T(e(B), {
+          }, 8, ["data", "loading", "checked-row-keys", "min-row-height"])) : P.value ? de("", !0) : (y(), w(t(Le), {
             key: 1,
-            class: "dict-pane",
+            class: "dict-pane fill-main",
             bordered: !0
           }, {
-            default: d(() => [
-              o(e(Se), {
-                description: e(a)("dict.selectTypeHint"),
-                style: { padding: "48px 0" }
+            default: o(() => [
+              n(t(Fe), {
+                description: t(a)("dict.selectTypeHint"),
+                style: { padding: "48px 0", margin: "auto" }
               }, null, 8, ["description"])
             ]),
             _: 1
           }))
-        ]),
-        o(Z, {
-          show: x.value,
-          "onUpdate:show": l[9] || (l[9] = (i) => x.value = i),
-          title: h.value === null ? e(a)("dict.addTypeTitle") : e(a)("dict.editTypeTitle"),
+        ], 512),
+        n(t(Ve), {
+          show: L.value && P.value && !!r.value,
+          placement: "bottom",
+          height: "85vh",
+          style: { "border-radius": "16px 16px 0 0" },
+          "onUpdate:show": l[5] || (l[5] = (i) => L.value = i)
+        }, {
+          default: o(() => [
+            n(t(je), {
+              title: r.value ? t(a)("dict.itemsOf", { name: r.value.name }) : t(a)("dict.itemsSheetTitle"),
+              closable: ""
+            }, {
+              footer: o(() => [
+                re("div", Je, [
+                  R((y(), w(t(f), {
+                    secondary: "",
+                    type: "error",
+                    size: "large",
+                    disabled: !t(Re),
+                    onClick: t(Q)
+                  }, {
+                    default: o(() => [
+                      I(T(t(a)("common.batchDelete")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["disabled", "onClick"])), [
+                    [s, "POST:/api/v1/sys/dict/item/batch-delete"]
+                  ]),
+                  R((y(), w(t(f), {
+                    type: "primary",
+                    size: "large",
+                    onClick: ae
+                  }, {
+                    default: o(() => [
+                      I(T(t(a)("dict.addItem")), 1)
+                    ]),
+                    _: 1
+                  })), [
+                    [s, "POST:/api/v1/sys/dict/item"]
+                  ])
+                ])
+              ]),
+              default: o(() => [
+                n(t(j), {
+                  columns: F,
+                  data: g.value,
+                  "row-key": "id",
+                  loading: N.value,
+                  toolbar: B,
+                  search: { container: "table" },
+                  "checked-row-keys": t(D),
+                  "card-on-narrow": "",
+                  "storage-key": "sys-dict-item-sheet",
+                  "onUpdate:checkedRowKeys": l[4] || (l[4] = (i) => D.value = i)
+                }, {
+                  "pagination-prefix": o(({ itemCount: i }) => [
+                    n(K, { count: i }, null, 8, ["count"])
+                  ]),
+                  _: 1
+                }, 8, ["data", "loading", "checked-row-keys"])
+              ]),
+              _: 1
+            }, 8, ["title"])
+          ]),
+          _: 1
+        }, 8, ["show"]),
+        n(ye, {
+          show: O.value,
+          "onUpdate:show": l[11] || (l[11] = (i) => O.value = i),
+          title: k.value === null ? t(a)("dict.addTypeTitle") : t(a)("dict.editTypeTitle"),
           width: 480,
-          "on-confirm": ce,
-          "confirm-text": e(a)("common.save")
+          "on-confirm": Ee,
+          "confirm-text": t(a)("common.save")
         }, {
-          default: d(() => [
-            o(e(Q), {
+          default: o(() => [
+            n(t(me), se({
               ref_key: "typeFormRef",
-              ref: j,
-              model: n,
-              rules: re,
-              "label-placement": "left",
-              "label-width": 80
-            }, {
-              default: d(() => [
-                o(e(v), {
-                  label: e(a)("dict.code"),
+              ref: X,
+              model: d,
+              rules: Ie,
+              "require-mark-placement": "left"
+            }, $.value), {
+              default: o(() => [
+                n(t(h), {
+                  label: t(a)("dict.code"),
                   path: "code"
                 }, {
-                  default: d(() => [
-                    o(e(S), {
-                      value: n.code,
-                      "onUpdate:value": l[4] || (l[4] = (i) => n.code = i),
-                      placeholder: e(a)("dict.code"),
-                      disabled: h.value !== null
+                  feedback: o(() => [
+                    k.value !== null ? (y(), ne("span", Xe, T(t(a)("dict.codeImmutable")), 1)) : de("", !0)
+                  ]),
+                  default: o(() => [
+                    n(t(x), {
+                      value: d.code,
+                      "onUpdate:value": l[6] || (l[6] = (i) => d.code = i),
+                      class: "mono",
+                      placeholder: t(a)("dict.code"),
+                      disabled: k.value !== null
                     }, null, 8, ["value", "placeholder", "disabled"])
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                o(e(v), {
-                  label: e(a)("dict.name"),
+                n(t(h), {
+                  label: t(a)("dict.name"),
                   path: "name"
                 }, {
-                  default: d(() => [
-                    o(e(S), {
-                      value: n.name,
-                      "onUpdate:value": l[5] || (l[5] = (i) => n.name = i),
-                      placeholder: e(a)("dict.name")
+                  default: o(() => [
+                    n(t(x), {
+                      value: d.name,
+                      "onUpdate:value": l[7] || (l[7] = (i) => d.name = i),
+                      placeholder: t(a)("dict.name")
                     }, null, 8, ["value", "placeholder"])
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                o(e(v), {
-                  label: e(a)("dict.sort")
+                n(t(h), {
+                  label: t(a)("dict.sort")
                 }, {
-                  default: d(() => [
-                    o(e(W), {
-                      value: n.sort,
-                      "onUpdate:value": l[6] || (l[6] = (i) => n.sort = i),
+                  default: o(() => [
+                    n(t(pe), {
+                      value: d.sort,
+                      "onUpdate:value": l[8] || (l[8] = (i) => d.sort = i),
                       min: 0,
                       style: { width: "160px" }
                     }, null, 8, ["value"])
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                o(e(v), {
-                  label: e(a)("dict.remark")
+                n(t(h), {
+                  label: t(a)("dict.remark")
                 }, {
-                  default: d(() => [
-                    o(e(S), {
-                      value: n.remark,
-                      "onUpdate:value": l[7] || (l[7] = (i) => n.remark = i),
+                  default: o(() => [
+                    n(t(x), {
+                      value: d.remark,
+                      "onUpdate:value": l[9] || (l[9] = (i) => d.remark = i),
                       type: "textarea",
                       autosize: { minRows: 2 }
                     }, null, 8, ["value"])
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                o(e(v), {
-                  label: e(a)("common.status")
+                n(t(h), {
+                  label: t(a)("common.status")
                 }, {
-                  default: d(() => [
-                    o(e(X), {
-                      value: n.enabled,
-                      "onUpdate:value": l[8] || (l[8] = (i) => n.enabled = i)
+                  default: o(() => [
+                    n(t(ve), {
+                      value: d.enabled,
+                      "onUpdate:value": l[10] || (l[10] = (i) => d.enabled = i)
                     }, null, 8, ["value"])
                   ]),
                   _: 1
                 }, 8, ["label"])
               ]),
               _: 1
-            }, 8, ["model"])
+            }, 16, ["model"])
           ]),
           _: 1
         }, 8, ["show", "title", "confirm-text"]),
-        o(Z, {
-          show: D.value,
-          "onUpdate:show": l[14] || (l[14] = (i) => D.value = i),
-          title: C.value === null ? e(a)("dict.addItemTitle") : e(a)("dict.editItemTitle"),
+        n(ye, {
+          show: q.value,
+          "onUpdate:show": l[16] || (l[16] = (i) => q.value = i),
+          title: S.value === null ? t(a)("dict.addItemTitle") : t(a)("dict.editItemTitle"),
           width: 480,
-          "on-confirm": fe,
-          "confirm-text": e(a)("common.save")
+          "on-confirm": Oe,
+          "confirm-text": t(a)("common.save")
         }, {
-          default: d(() => [
-            o(e(Q), {
+          default: o(() => [
+            n(t(me), se({
               ref_key: "itemFormRef",
-              ref: $,
-              model: s,
-              rules: pe,
-              "label-placement": "left",
-              "label-width": 80
-            }, {
-              default: d(() => [
-                o(e(v), {
-                  label: e(a)("dict.itemLabel"),
+              ref: te,
+              model: c,
+              rules: _e,
+              "require-mark-placement": "left"
+            }, $.value), {
+              default: o(() => [
+                n(t(h), {
+                  label: t(a)("dict.itemLabel"),
                   path: "label"
                 }, {
-                  default: d(() => [
-                    o(e(S), {
-                      value: s.label,
-                      "onUpdate:value": l[10] || (l[10] = (i) => s.label = i),
-                      placeholder: e(a)("dict.itemLabel")
+                  default: o(() => [
+                    n(t(x), {
+                      value: c.label,
+                      "onUpdate:value": l[12] || (l[12] = (i) => c.label = i),
+                      placeholder: t(a)("dict.itemLabel")
                     }, null, 8, ["value", "placeholder"])
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                o(e(v), {
-                  label: e(a)("dict.itemValue"),
+                n(t(h), {
+                  label: t(a)("dict.itemValue"),
                   path: "value"
                 }, {
-                  default: d(() => [
-                    o(e(S), {
-                      value: s.value,
-                      "onUpdate:value": l[11] || (l[11] = (i) => s.value = i),
-                      placeholder: e(a)("dict.itemValue")
+                  default: o(() => [
+                    n(t(x), {
+                      value: c.value,
+                      "onUpdate:value": l[13] || (l[13] = (i) => c.value = i),
+                      class: "mono",
+                      placeholder: t(a)("dict.itemValue")
                     }, null, 8, ["value", "placeholder"])
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                o(e(v), {
-                  label: e(a)("dict.sort")
+                n(t(h), {
+                  label: t(a)("dict.sort")
                 }, {
-                  default: d(() => [
-                    o(e(W), {
-                      value: s.sort,
-                      "onUpdate:value": l[12] || (l[12] = (i) => s.sort = i),
+                  default: o(() => [
+                    n(t(pe), {
+                      value: c.sort,
+                      "onUpdate:value": l[14] || (l[14] = (i) => c.sort = i),
                       min: 0,
                       style: { width: "160px" }
                     }, null, 8, ["value"])
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                o(e(v), {
-                  label: e(a)("common.status")
+                n(t(h), {
+                  label: t(a)("common.status")
                 }, {
-                  default: d(() => [
-                    o(e(X), {
-                      value: s.enabled,
-                      "onUpdate:value": l[13] || (l[13] = (i) => s.enabled = i)
+                  default: o(() => [
+                    n(t(ve), {
+                      value: c.enabled,
+                      "onUpdate:value": l[15] || (l[15] = (i) => c.enabled = i)
                     }, null, 8, ["value"])
                   ]),
                   _: 1
                 }, 8, ["label"])
               ]),
               _: 1
-            }, 8, ["model"])
+            }, 16, ["model"])
           ]),
           _: 1
         }, 8, ["show", "title", "confirm-text"])
@@ -555,6 +660,6 @@ const Ne = { class: "dict-layout side-page" }, $e = /* @__PURE__ */ be({
   }
 });
 export {
-  $e as default
+  bt as default
 };
 //# sourceMappingURL=index2.vue.js.map