@duxweb/dvha-pro 1.0.23 → 1.0.24

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

@@ -1,17 +1,17 @@
-import { defineComponent as ie, toRef as U, ref as T, computed as m, reactive as S, watch as le, onMounted as ne, createVNode as e, h as O, mergeProps as re, isVNode as oe } from "vue";
-import { useI18n as ue, useExtendList as ce, useJsonSchema as E } from "@duxweb/dvha-core";
-import { useWindowSize as de } from "@vueuse/core";
-import { NTooltip as s, NCheckbox as q, NTabs as pe, NTab as me, NButton as d, NSpin as fe, NProgress as ge, NPagination as he, NModal as ve, NDrawer as I } from "naive-ui";
-import { useAction as se } from "../../hooks/action.js";
+import { defineComponent as Y, toRef as z, ref as P, computed as c, reactive as b, watch as Z, onMounted as $, createVNode as e, h as R, mergeProps as ee, isVNode as te } from "vue";
+import { useI18n as le, useExtendList as ae, useJsonSchema as A } from "@duxweb/dvha-core";
+import { useWindowSize as ie } from "@vueuse/core";
+import { NTooltip as f, NCheckbox as F, NTabs as oe, NTab as ne, NButton as s, NSpin as re, NProgress as se, NPagination as ue, NModal as ce, NDrawer as j } from "naive-ui";
+import { useAction as de } from "../../hooks/action.js";
 import "@overlastic/vue";
 import "clsx";
 import "vue-echarts";
 import "vue-cropper";
-import be from "../modal/modalPage.js";
+import pe from "../modal/modalPage.js";
 import "jinrishici";
 import "lodash-es";
 import "vue-draggable-plus";
-import { DuxDrawerPage as M } from "../drawer/drawerPage.js";
+import { DuxDrawerPage as N } from "../drawer/drawerPage.js";
 import "aieditor";
 import "vee-validate";
 import "vue-router";
@@ -26,13 +26,13 @@ import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
-import { DuxPage as xe } from "../../pages/page.js";
+import { DuxPage as me } from "../../pages/page.js";
 import "../../pages/page404.js";
-import { DuxPageEmpty as we } from "../../pages/pageEmpty.js";
+import { DuxPageEmpty as fe } from "../../pages/pageEmpty.js";
 import "@iconify-json/tabler/icons.json";
-import { DuxTableFilter as ye } from "./filter.js";
-import { DuxFilterLayout as Se } from "./filterLayout.js";
-import { DuxTableTools as ke } from "./tools.js";
+import { DuxTableFilter as ge } from "./filter.js";
+import { DuxFilterLayout as he } from "./filterLayout.js";
+import { DuxTableTools as ve } from "./tools.js";
 import "mime";
 import "vue3-ace-editor";
 import "ace-builds/src-noconflict/mode-vue";
@@ -48,10 +48,10 @@ import "ace-builds/src-noconflict/mode-snippets";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";
-function Ce(i) {
-  return typeof i == "function" || Object.prototype.toString.call(i) === "[object Object]" && !oe(i);
+function be(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !te(t);
 }
-const yt = /* @__PURE__ */ ie({
+const gt = /* @__PURE__ */ Y({
   name: "DuxListLayout",
   props: {
     rowKey: {
@@ -97,360 +97,333 @@ const yt = /* @__PURE__ */ ie({
       type: Object
     }
   },
-  setup(i, {
-    slots: t
+  setup(t, {
+    slots: o
   }) {
-    var F;
-    const V = U(i.filter || {}), {
-      t: r
-    } = ue(), {
-      renderAction: W
-    } = se(), B = U(i.pagination && typeof i.pagination == "object" ? i.pagination : {
+    const D = z(t.filter || {}), {
+      t: i
+    } = le(), {
+      renderAction: U
+    } = de(), T = z(t.pagination && typeof t.pagination == "object" ? t.pagination : {
       page: 1,
       pageSize: 20
-    }), b = T({}), J = () => {
-      Object.assign(b.value, V.value);
-    }, l = ce({
-      path: i.path,
-      filters: b.value,
-      pagination: B.value,
-      ...i.hookListProps
+    }), g = P({}), O = () => {
+      Object.assign(g.value, D.value);
+    }, a = ae({
+      path: t.path,
+      filters: g.value,
+      pagination: T.value,
+      ...t.hookListProps
     }), {
-      meta: w,
-      list: k,
-      isLoading: C,
-      autoRefetch: _,
-      autoCountdown: L,
-      onAutoRefetch: K,
-      isExporting: Q,
-      isExportingRows: G,
-      isImporting: z,
-      onExport: H,
-      onExportRows: X,
-      onImport: Y
-    } = l, Z = m(() => ({
-      page: l.page.value,
-      pageSize: l.pageSize.value,
-      pageCount: l.pageCount.value,
-      pageSizes: l.pageSizes,
+      meta: E,
+      list: x,
+      isLoading: w,
+      autoRefetch: q,
+      autoCountdown: y,
+      onAutoRefetch: I,
+      isExporting: M,
+      isExportingRows: V,
+      isImporting: S,
+      onExport: W,
+      onExportRows: B,
+      onImport: J
+    } = a, _ = c(() => ({
+      page: a.page.value,
+      pageSize: a.pageSize.value,
+      pageCount: a.pageCount.value,
+      pageSizes: a.pageSizes,
       pageSlot: 5,
-      onUpdatePage: l.onUpdatePage,
-      onUpdatePageSize: l.onUpdatePageSize,
+      onUpdatePage: a.onUpdatePage,
+      onUpdatePageSize: a.onUpdatePageSize,
       showSizePicker: !0,
       showQuickJumper: !0
-    })), g = S({
+    })), d = b({
       show: !1
-    }), h = S({
+    }), p = b({
       show: !1
-    }), v = S({
+    }), m = b({
       show: !1
-    }), x = T(((F = i.filterSchema) == null ? void 0 : F.length) || 0), {
-      width: u
-    } = de(), P = () => {
-      var p;
-      if (!((p = i.filterSchema) != null && p.length)) return 0;
-      const n = i.filterSchema.length;
-      if (n <= 3)
-        return n;
-      const c = u.value || 1024;
-      let o = 3;
-      return c >= 1280 ? o = 4 : c >= 1024 ? o = 3 : c >= 768 ? o = 2 : o = 1, Math.min(n, o);
+    }), h = P(t.filterSchema?.length || 0), {
+      width: n
+    } = ie(), k = () => {
+      if (!t.filterSchema?.length) return 0;
+      const l = t.filterSchema.length;
+      if (l <= 3)
+        return l;
+      const r = n.value || 1024;
+      let u = 3;
+      return r >= 1280 ? u = 4 : r >= 1024 ? u = 3 : r >= 768 ? u = 2 : u = 1, Math.min(l, u);
     };
-    le(u, () => {
-      x.value = P();
-    }), ne(() => {
-      x.value = P();
+    Z(n, () => {
+      h.value = k();
+    }), $(() => {
+      h.value = k();
     });
-    const $ = m(() => (i.filterSchema || []).slice(0, x.value)), R = m(() => (i.filterSchema || []).slice(x.value)), ee = m(() => R.value.length > 0), A = (n) => n.map((c) => {
+    const K = c(() => (t.filterSchema || []).slice(0, h.value)), C = c(() => (t.filterSchema || []).slice(h.value)), Q = c(() => C.value.length > 0), L = (l) => l.map((r) => {
       const {
-        title: o,
-        ...p
-      } = c;
+        title: u,
+        ...X
+      } = r;
       return {
-        tag: ye,
+        tag: ge,
         attrs: {
-          label: o,
+          label: u,
           class: "flex-1 min-w-0"
         },
-        children: p
+        children: X
       };
     }), {
-      render: te
-    } = E({
-      data: m(() => A($.value))
+      render: G
+    } = A({
+      data: c(() => L(K.value))
     }), {
-      render: ae
-    } = E({
-      data: m(() => A(R.value))
-    }), y = m(() => ({
+      render: H
+    } = A({
+      data: c(() => L(C.value))
+    }), v = c(() => ({
       import: !1,
       export: !0,
       refresh: !0,
-      ...i.tools
+      ...t.tools
     }));
-    return () => e(xe, {
+    return () => e(me, {
       padding: !1,
       scrollbar: !1
     }, {
-      sideLeft: () => {
-        var n;
-        return t != null && t.sideLeft && u.value >= 1024 ? (n = t == null ? void 0 : t.sideLeft) == null ? void 0 : n.call(t) : void 0;
-      },
-      sideRight: () => {
-        var n;
-        return t != null && t.sideRight && u.value >= 1024 ? (n = t == null ? void 0 : t.sideRight) == null ? void 0 : n.call(t) : void 0;
-      },
-      default: () => {
-        var n, c, o, p, j, N, D;
-        return e("div", {
-          class: "flex flex-col h-full relative"
-        }, [e("div", {
-          class: "lg:justify-between gap-2 p-3"
-        }, [e("div", {
-          class: "flex flex-col lg:flex-row lg:items-center gap-2"
-        }, [i.checkable && e("div", {
-          class: "hidden lg:flex items-center pl-2"
-        }, [e(s, null, {
-          trigger: () => e("div", {
-            class: "flex items-center"
-          }, [e(q, {
-            checked: l.isAllChecked.value,
-            indeterminate: l.isIndeterminate.value,
-            onUpdateChecked: l.toggleSelectAll
-          }, null)]),
-          default: () => r("components.list.selectAll")
-        })]), i.tabs && e("div", null, [e(pe, {
-          type: "segment",
-          size: "small",
-          style: {
-            "--n-tab-padding": "4px 10px"
-          },
-          "default-value": (c = (n = i.tabs) == null ? void 0 : n[0]) == null ? void 0 : c.value,
-          value: (o = b.value) == null ? void 0 : o.tab,
-          onUpdateValue: (a) => {
-            b.value.tab = a;
-          }
+      sideLeft: () => o?.sideLeft && n.value >= 1024 ? o?.sideLeft?.() : void 0,
+      sideRight: () => o?.sideRight && n.value >= 1024 ? o?.sideRight?.() : void 0,
+      default: () => e("div", {
+        class: "flex flex-col h-full relative"
+      }, [e("div", {
+        class: "lg:justify-between gap-2 p-3"
+      }, [e("div", {
+        class: "flex flex-col lg:flex-row lg:items-center gap-2"
+      }, [t.checkable && e("div", {
+        class: "hidden lg:flex items-center pl-2"
+      }, [e(f, null, {
+        trigger: () => e("div", {
+          class: "flex items-center"
+        }, [e(F, {
+          checked: a.isAllChecked.value,
+          indeterminate: a.isIndeterminate.value,
+          onUpdateChecked: a.toggleSelectAll
+        }, null)]),
+        default: () => i("components.list.selectAll")
+      })]), t.tabs && e("div", null, [e(oe, {
+        type: "segment",
+        size: "small",
+        style: {
+          "--n-tab-padding": "4px 10px"
+        },
+        "default-value": t.tabs?.[0]?.value,
+        value: g.value?.tab,
+        onUpdateValue: (l) => {
+          g.value.tab = l;
+        }
+      }, {
+        default: () => [t.tabs?.map((l) => e(ne, {
+          name: l.value,
+          tab: l.label
+        }, null))]
+      })]), e("div", {
+        class: "flex gap-2"
+      }, [o?.sideLeft && n.value < 1024 && e(s, {
+        class: "flex-none",
+        secondary: !0,
+        onClick: () => {
+          p.show = !p.show;
+        }
+      }, {
+        icon: () => e("div", {
+          class: "i-tabler:layout-sidebar-inactive size-4"
+        }, null)
+      }), e("div", {
+        class: "flex flex-wrap gap-2 items-center flex-1 lg:flex-none"
+      }, [R(G)]), e(s, {
+        type: "primary",
+        secondary: !0,
+        onClick: O
+      }, {
+        icon: () => e("div", {
+          class: "i-tabler:search size-4"
+        }, null),
+        default: () => i("components.button.search")
+      }), o?.sideRight && n.value < 1024 && e(s, {
+        class: "flex-none",
+        secondary: !0,
+        onClick: () => {
+          m.show = !m.show;
+        }
+      }, {
+        icon: () => e("div", {
+          class: "i-tabler:layout-sidebar-right-inactive size-4"
+        }, null)
+      }), Q.value && e(s, {
+        iconPlacement: "right",
+        onClick: () => {
+          d.show = !d.show;
+        }
+      }, {
+        default: () => i("components.button.advanced"),
+        icon: () => e("div", {
+          class: ["i-tabler:chevrons-down size-4 transition-all"]
+        }, null)
+      })])]), e("div", {
+        class: "flex gap-2"
+      }, [o.actions?.(), t.actions?.length > 0 && U({
+        type: n.value < 1024 ? "dropdown" : "button",
+        text: n.value < 1024,
+        items: t.actions
+      })])]), e(re, {
+        show: w.value,
+        class: "flex-1 min-h-0",
+        contentClass: "h-full"
+      }, {
+        default: () => [e("div", {
+          class: ["h-full overflow-auto rounded-lg px-3"]
+        }, [!w.value && x.value.length === 0 && e("div", {
+          class: "flex justify-center items-center h-full"
+        }, [e(fe, null, null)]), x.value.length > 0 && o?.default?.(a)])]
+      }), e("div", {
+        class: "flex justify-between px-3 py-2 gap-2"
+      }, [e("div", null, [e("div", {
+        class: "flex gap-1 items-center"
+      }, [t.checkable && e(f, null, {
+        trigger: () => e(s, {
+          loading: S.value,
+          circle: !0,
+          quaternary: !0
         }, {
-          default: () => {
-            var a;
-            return [(a = i.tabs) == null ? void 0 : a.map((f) => e(me, {
-              name: f.value,
-              tab: f.label
-            }, null))];
-          }
-        })]), e("div", {
-          class: "flex gap-2"
-        }, [(t == null ? void 0 : t.sideLeft) && u.value < 1024 && e(d, {
-          class: "flex-none",
-          secondary: !0,
-          onClick: () => {
-            h.show = !h.show;
-          }
+          default: () => [e(F, {
+            checked: a.isAllChecked.value,
+            indeterminate: a.isIndeterminate.value,
+            onUpdateChecked: a.toggleSelectAll
+          }, null)]
+        }),
+        default: () => i("components.list.selectAll")
+      }), o?.tools?.(), v.value.export && e(f, null, {
+        trigger: () => e(s, {
+          loading: M.value,
+          onClick: W,
+          circle: !0,
+          quaternary: !0
         }, {
           icon: () => e("div", {
-            class: "i-tabler:layout-sidebar-inactive size-4"
+            class: "i-tabler:database-export size-4"
           }, null)
-        }), e("div", {
-          class: "flex flex-wrap gap-2 items-center flex-1 lg:flex-none"
-        }, [O(te)]), e(d, {
-          type: "primary",
-          secondary: !0,
-          onClick: J
+        }),
+        default: () => i("components.button.export")
+      }), v.value.import && e(f, null, {
+        trigger: () => e(s, {
+          loading: S.value,
+          onClick: J,
+          circle: !0,
+          quaternary: !0
         }, {
           icon: () => e("div", {
-            class: "i-tabler:search size-4"
-          }, null),
-          default: () => r("components.button.search")
-        }), (t == null ? void 0 : t.sideRight) && u.value < 1024 && e(d, {
-          class: "flex-none",
-          secondary: !0,
-          onClick: () => {
-            v.show = !v.show;
-          }
+            class: "i-tabler:database-import size-4"
+          }, null)
+        }),
+        default: () => i("components.button.import")
+      }), v.value.refresh && e(f, null, {
+        trigger: () => e(s, {
+          onClick: I,
+          circle: !0,
+          quaternary: !0
         }, {
-          icon: () => e("div", {
-            class: "i-tabler:layout-sidebar-right-inactive size-4"
+          icon: () => q.value ? e(se, {
+            class: "size-4",
+            type: "circle",
+            percentage: y.value * 10,
+            strokeWidth: 20,
+            color: "rgba(var(--ui-color-primary))"
+          }, {
+            default: () => [e("span", {
+              class: "text-8px"
+            }, [y.value])]
+          }) : e("div", {
+            class: "i-tabler:refresh size-4"
           }, null)
-        }), ee.value && e(d, {
-          iconPlacement: "right",
+        }),
+        default: () => i("components.button.autoRefresh")
+      })])]), e("div", {
+        class: "flex items-center gap-2"
+      }, [o?.bottom?.(), t.pagination && e(ue, ee(_.value, {
+        simple: n.value < 768
+      }), {
+        prefix: () => e("div", null, [i("components.list.total", {
+          total: E?.value?.total || 0
+        })])
+      })])]), e(ve, {
+        number: a.checkeds.value.length,
+        group: [[{
+          icon: "i-tabler:x",
           onClick: () => {
-            g.show = !g.show;
+            a.checkeds.value = [], a.onUpdateChecked?.([]);
           }
+        }], [{
+          label: i("components.button.export"),
+          icon: "i-tabler:file-export",
+          loading: V.value,
+          onClick: B
         }, {
-          default: () => r("components.button.advanced"),
-          icon: () => e("div", {
-            class: ["i-tabler:chevrons-down size-4 transition-all"]
-          }, null)
-        })])]), e("div", {
-          class: "flex gap-2"
-        }, [(p = t.actions) == null ? void 0 : p.call(t), ((j = i.actions) == null ? void 0 : j.length) > 0 && W({
-          type: u.value < 1024 ? "dropdown" : "button",
-          text: u.value < 1024,
-          items: i.actions
-        })])]), e(fe, {
-          show: C.value,
-          class: "flex-1 min-h-0",
-          contentClass: "h-full"
-        }, {
-          default: () => {
-            var a;
-            return [e("div", {
-              class: ["h-full overflow-auto rounded-lg px-3"]
-            }, [!C.value && k.value.length === 0 && e("div", {
-              class: "flex justify-center items-center h-full"
-            }, [e(we, null, null)]), k.value.length > 0 && ((a = t == null ? void 0 : t.default) == null ? void 0 : a.call(t, l))])];
-          }
-        }), e("div", {
-          class: "flex justify-between px-3 py-2 gap-2"
-        }, [e("div", null, [e("div", {
-          class: "flex gap-1 items-center"
-        }, [i.checkable && e(s, null, {
-          trigger: () => e(d, {
-            loading: z.value,
-            circle: !0,
-            quaternary: !0
-          }, {
-            default: () => [e(q, {
-              checked: l.isAllChecked.value,
-              indeterminate: l.isIndeterminate.value,
-              onUpdateChecked: l.toggleSelectAll
-            }, null)]
-          }),
-          default: () => r("components.list.selectAll")
-        }), (N = t == null ? void 0 : t.tools) == null ? void 0 : N.call(t), y.value.export && e(s, null, {
-          trigger: () => e(d, {
-            loading: Q.value,
-            onClick: H,
-            circle: !0,
-            quaternary: !0
+          label: i("components.button.delete"),
+          type: "error",
+          icon: "i-tabler:trash"
+        }]]
+      }, null), e(ce, {
+        draggable: !0,
+        class: "bg-white rounded dark:shadow-gray-950/80  dark:bg-gray-800/60 backdrop-blur",
+        show: d.show,
+        onUpdateShow: (l) => d.show = l
+      }, {
+        default: ({
+          draggableClass: l
+        }) => {
+          let r;
+          return e(pe, {
+            title: i("components.button.filter"),
+            handle: l,
+            onClose: () => d.show = !1
           }, {
-            icon: () => e("div", {
-              class: "i-tabler:database-export size-4"
-            }, null)
-          }),
-          default: () => r("components.button.export")
-        }), y.value.import && e(s, null, {
-          trigger: () => e(d, {
-            loading: z.value,
-            onClick: Y,
-            circle: !0,
-            quaternary: !0
-          }, {
-            icon: () => e("div", {
-              class: "i-tabler:database-import size-4"
-            }, null)
-          }),
-          default: () => r("components.button.import")
-        }), y.value.refresh && e(s, null, {
-          trigger: () => e(d, {
-            onClick: K,
-            circle: !0,
-            quaternary: !0
-          }, {
-            icon: () => _.value ? e(ge, {
-              class: "size-4",
-              type: "circle",
-              percentage: L.value * 10,
-              strokeWidth: 20,
-              color: "rgba(var(--ui-color-primary))"
-            }, {
-              default: () => [e("span", {
-                class: "text-8px"
-              }, [L.value])]
-            }) : e("div", {
-              class: "i-tabler:refresh size-4"
-            }, null)
-          }),
-          default: () => r("components.button.autoRefresh")
-        })])]), e("div", {
-          class: "flex items-center gap-2"
-        }, [(D = t == null ? void 0 : t.bottom) == null ? void 0 : D.call(t), i.pagination && e(he, re(Z.value, {
-          simple: u.value < 768
-        }), {
-          prefix: () => {
-            var a;
-            return e("div", null, [r("components.list.total", {
-              total: ((a = w == null ? void 0 : w.value) == null ? void 0 : a.total) || 0
-            })]);
-          }
-        })])]), e(ke, {
-          number: l.checkeds.value.length,
-          group: [[{
-            icon: "i-tabler:x",
-            onClick: () => {
-              var a;
-              l.checkeds.value = [], (a = l.onUpdateChecked) == null || a.call(l, []);
-            }
-          }], [{
-            label: r("components.button.export"),
-            icon: "i-tabler:file-export",
-            loading: G.value,
-            onClick: X
-          }, {
-            label: r("components.button.delete"),
-            type: "error",
-            icon: "i-tabler:trash"
-          }]]
-        }, null), e(ve, {
-          draggable: !0,
-          class: "bg-white rounded dark:shadow-gray-950/80  dark:bg-gray-800/60 backdrop-blur",
-          show: g.show,
-          onUpdateShow: (a) => g.show = a
+            default: () => [e(he, {
+              showLabel: !0,
+              labelPlacement: "top"
+            }, be(r = R(H)) ? r : {
+              default: () => [r]
+            })]
+          });
+        }
+      }), e(j, {
+        show: p.show,
+        onUpdateShow: (l) => p.show = l,
+        autoFocus: !1,
+        placement: "left"
+      }, {
+        default: () => [e(N, {
+          title: t.sideLeftTitle || i("components.button.sideLeft"),
+          onClose: () => p.show = !1,
+          scrollbar: !1
         }, {
-          default: ({
-            draggableClass: a
-          }) => {
-            let f;
-            return e(be, {
-              title: r("components.button.filter"),
-              handle: a,
-              onClose: () => g.show = !1
-            }, {
-              default: () => [e(Se, {
-                showLabel: !0,
-                labelPlacement: "top"
-              }, Ce(f = O(ae)) ? f : {
-                default: () => [f]
-              })]
-            });
-          }
-        }), e(I, {
-          show: h.show,
-          onUpdateShow: (a) => h.show = a,
-          autoFocus: !1,
-          placement: "left"
+          default: () => [o?.sideLeft?.()]
+        })]
+      }), e(j, {
+        show: m.show,
+        onUpdateShow: (l) => m.show = l,
+        autoFocus: !1,
+        placement: "right"
+      }, {
+        default: () => [e(N, {
+          title: t.sideRightTitle || i("components.button.sideRight"),
+          onClose: () => m.show = !1,
+          scrollbar: !1
         }, {
-          default: () => [e(M, {
-            title: i.sideLeftTitle || r("components.button.sideLeft"),
-            onClose: () => h.show = !1,
-            scrollbar: !1
-          }, {
-            default: () => {
-              var a;
-              return [(a = t == null ? void 0 : t.sideLeft) == null ? void 0 : a.call(t)];
-            }
-          })]
-        }), e(I, {
-          show: v.show,
-          onUpdateShow: (a) => v.show = a,
-          autoFocus: !1,
-          placement: "right"
-        }, {
-          default: () => [e(M, {
-            title: i.sideRightTitle || r("components.button.sideRight"),
-            onClose: () => v.show = !1,
-            scrollbar: !1
-          }, {
-            default: () => {
-              var a;
-              return [(a = t == null ? void 0 : t.sideRight) == null ? void 0 : a.call(t)];
-            }
-          })]
-        })]);
-      }
+          default: () => [o?.sideRight?.()]
+        })]
+      })])
     });
   }
 });
 export {
-  yt as DuxListLayout
+  gt as DuxListLayout
 };