@duxweb/dvha-pro 1.0.32 → 1.0.34

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

@@ -1,7 +1,7 @@
 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 { useI18n as le, useExtendList as ie, useJsonSchema as A } from "@duxweb/dvha-core";
+import { useWindowSize as ae } from "@vueuse/core";
+import { NTooltip as f, NCheckbox as F, NTabs as oe, NTab as re, NButton as s, NSpin as ne, 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";
@@ -27,6 +27,20 @@ import { DuxFilterLayout as fe } from "./filterLayout.js";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
+import "highlight.js/lib/core";
+import "highlight.js/lib/languages/bash";
+import "highlight.js/lib/languages/css";
+import "highlight.js/lib/languages/go";
+import "highlight.js/lib/languages/java";
+import "highlight.js/lib/languages/javascript";
+import "highlight.js/lib/languages/json";
+import "highlight.js/lib/languages/markdown";
+import "highlight.js/lib/languages/php";
+import "highlight.js/lib/languages/python";
+import "highlight.js/lib/languages/shell";
+import "highlight.js/lib/languages/sql";
+import "highlight.js/lib/languages/typescript";
+import "highlight.js/lib/languages/xml";
 import "@ant-design/colors";
 import "@unocss/preset-icons/browser";
 import "@unocss/preset-typography";
@@ -44,17 +58,17 @@ import { DuxDrawerPage as N } from "../drawer/drawerPage.js";
 import { DuxTableTools as ve } from "./tools.js";
 import "short-unique-id";
 import "aieditor";
+import "mime";
 import "@iconify-json/tabler/icons.json";
 import "../posterEditor/elements/index.js";
 import "fabric";
-import "mime";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";
 function be(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !te(t);
 }
-const bt = /* @__PURE__ */ Y({
+const Nt = /* @__PURE__ */ Y({
   name: "DuxListLayout",
   props: {
     rowKey: {
@@ -104,7 +118,7 @@ const bt = /* @__PURE__ */ Y({
     slots: o
   }) {
     const D = z(t.filter || {}), {
-      t: i
+      t: a
     } = le(), {
       renderAction: U
     } = de(), T = z(t.pagination && typeof t.pagination == "object" ? t.pagination : {
@@ -112,7 +126,7 @@ const bt = /* @__PURE__ */ Y({
       pageSize: 20
     }), g = P({}), O = () => {
       Object.assign(g.value, D.value);
-    }, a = ae({
+    }, i = ie({
       path: t.path,
       filters: g.value,
       pagination: T.value,
@@ -130,14 +144,14 @@ const bt = /* @__PURE__ */ Y({
       onExport: W,
       onExportRows: B,
       onImport: J
-    } = a, _ = c(() => ({
-      page: a.page.value,
-      pageSize: a.pageSize.value,
-      pageCount: a.pageCount.value,
-      pageSizes: a.pageSizes,
+    } = i, _ = c(() => ({
+      page: i.page.value,
+      pageSize: i.pageSize.value,
+      pageCount: i.pageCount.value,
+      pageSizes: i.pageSizes,
       pageSlot: 5,
-      onUpdatePage: a.onUpdatePage,
-      onUpdatePageSize: a.onUpdatePageSize,
+      onUpdatePage: i.onUpdatePage,
+      onUpdatePageSize: i.onUpdatePageSize,
       showSizePicker: !0,
       showQuickJumper: !0
     })), d = b({
@@ -147,26 +161,26 @@ const bt = /* @__PURE__ */ Y({
     }), m = b({
       show: !1
     }), h = P(t.filterSchema?.length || 0), {
-      width: n
-    } = ie(), k = () => {
+      width: r
+    } = ae(), k = () => {
       if (!t.filterSchema?.length) return 0;
       const l = t.filterSchema.length;
       if (l <= 3)
         return l;
-      const r = n.value || 1024;
+      const n = r.value || 1024;
       let u = 3;
-      return r >= 1280 ? u = 4 : r >= 1024 ? u = 3 : r >= 768 ? u = 2 : u = 1, Math.min(l, u);
+      return n >= 1280 ? u = 4 : n >= 1024 ? u = 3 : n >= 768 ? u = 2 : u = 1, Math.min(l, u);
     };
-    Z(n, () => {
+    Z(r, () => {
       h.value = k();
     }), $(() => {
       h.value = k();
     });
-    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 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((n) => {
       const {
         title: u,
         ...X
-      } = r;
+      } = n;
       return {
         tag: me,
         attrs: {
@@ -193,8 +207,8 @@ const bt = /* @__PURE__ */ Y({
       padding: !1,
       scrollbar: !1
     }, {
-      sideLeft: () => o?.sideLeft && n.value >= 1024 ? o?.sideLeft?.() : void 0,
-      sideRight: () => o?.sideRight && n.value >= 1024 ? o?.sideRight?.() : void 0,
+      sideLeft: () => o?.sideLeft && r.value >= 1024 ? o?.sideLeft?.() : void 0,
+      sideRight: () => o?.sideRight && r.value >= 1024 ? o?.sideRight?.() : void 0,
       default: () => e("div", {
         class: "flex flex-col h-full relative"
       }, [e("div", {
@@ -207,11 +221,11 @@ const bt = /* @__PURE__ */ Y({
         trigger: () => e("div", {
           class: "flex items-center"
         }, [e(F, {
-          checked: a.isAllChecked.value,
-          indeterminate: a.isIndeterminate.value,
-          onUpdateChecked: a.toggleSelectAll
+          checked: i.isAllChecked.value,
+          indeterminate: i.isIndeterminate.value,
+          onUpdateChecked: i.toggleSelectAll
         }, null)]),
-        default: () => i("components.list.selectAll")
+        default: () => a("components.list.selectAll")
       })]), t.tabs && e("div", null, [e(oe, {
         type: "segment",
         size: "small",
@@ -224,13 +238,13 @@ const bt = /* @__PURE__ */ Y({
           g.value.tab = l;
         }
       }, {
-        default: () => [t.tabs?.map((l) => e(ne, {
+        default: () => [t.tabs?.map((l) => e(re, {
           name: l.value,
           tab: l.label
         }, null))]
       })]), e("div", {
         class: "flex gap-2"
-      }, [o?.sideLeft && n.value < 1024 && e(s, {
+      }, [o?.sideLeft && r.value < 1024 && e(s, {
         class: "flex-none",
         secondary: !0,
         onClick: () => {
@@ -250,8 +264,8 @@ const bt = /* @__PURE__ */ Y({
         icon: () => e("div", {
           class: "i-tabler:search size-4"
         }, null),
-        default: () => i("components.button.search")
-      }), o?.sideRight && n.value < 1024 && e(s, {
+        default: () => a("components.button.search")
+      }), o?.sideRight && r.value < 1024 && e(s, {
         class: "flex-none",
         secondary: !0,
         onClick: () => {
@@ -267,17 +281,17 @@ const bt = /* @__PURE__ */ Y({
           d.show = !d.show;
         }
       }, {
-        default: () => i("components.button.advanced"),
+        default: () => a("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,
+        type: r.value < 1024 ? "dropdown" : "button",
+        text: r.value < 1024,
         items: t.actions
-      })])]), e(re, {
+      })])]), e(ne, {
         show: w.value,
         class: "flex-1 min-h-0",
         contentClass: "h-full"
@@ -286,7 +300,7 @@ const bt = /* @__PURE__ */ Y({
           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(he, null, null)]), x.value.length > 0 && o?.default?.(a)])]
+        }, [e(he, null, null)]), x.value.length > 0 && o?.default?.(i)])]
       }), e("div", {
         class: "flex justify-between px-3 py-2 gap-2"
       }, [e("div", null, [e("div", {
@@ -298,12 +312,12 @@ const bt = /* @__PURE__ */ Y({
           quaternary: !0
         }, {
           default: () => [e(F, {
-            checked: a.isAllChecked.value,
-            indeterminate: a.isIndeterminate.value,
-            onUpdateChecked: a.toggleSelectAll
+            checked: i.isAllChecked.value,
+            indeterminate: i.isIndeterminate.value,
+            onUpdateChecked: i.toggleSelectAll
           }, null)]
         }),
-        default: () => i("components.list.selectAll")
+        default: () => a("components.list.selectAll")
       }), o?.tools?.(), v.value.export && e(f, null, {
         trigger: () => e(s, {
           loading: M.value,
@@ -315,7 +329,7 @@ const bt = /* @__PURE__ */ Y({
             class: "i-tabler:database-export size-4"
           }, null)
         }),
-        default: () => i("components.button.export")
+        default: () => a("components.button.export")
       }), v.value.import && e(f, null, {
         trigger: () => e(s, {
           loading: S.value,
@@ -327,7 +341,7 @@ const bt = /* @__PURE__ */ Y({
             class: "i-tabler:database-import size-4"
           }, null)
         }),
-        default: () => i("components.button.import")
+        default: () => a("components.button.import")
       }), v.value.refresh && e(f, null, {
         trigger: () => e(s, {
           onClick: I,
@@ -348,29 +362,29 @@ const bt = /* @__PURE__ */ Y({
             class: "i-tabler:refresh size-4"
           }, null)
         }),
-        default: () => i("components.button.autoRefresh")
+        default: () => a("components.button.autoRefresh")
       })])]), e("div", {
         class: "flex items-center gap-2"
       }, [o?.bottom?.(), t.pagination && e(ue, ee(_.value, {
-        simple: n.value < 768
+        simple: r.value < 768
       }), {
-        prefix: () => e("div", null, [i("components.list.total", {
+        prefix: () => e("div", null, [a("components.list.total", {
           total: E?.value?.total || 0
         })])
       })])]), e(ve, {
-        number: a.checkeds.value.length,
+        number: i.checkeds.value.length,
         group: [[{
           icon: "i-tabler:x",
           onClick: () => {
-            a.checkeds.value = [], a.onUpdateChecked?.([]);
+            i.checkeds.value = [], i.onUpdateChecked?.([]);
           }
         }], [{
-          label: i("components.button.export"),
+          label: a("components.button.export"),
           icon: "i-tabler:file-export",
           loading: V.value,
           onClick: B
         }, {
-          label: i("components.button.delete"),
+          label: a("components.button.delete"),
           type: "error",
           icon: "i-tabler:trash"
         }]]
@@ -383,17 +397,17 @@ const bt = /* @__PURE__ */ Y({
         default: ({
           draggableClass: l
         }) => {
-          let r;
+          let n;
           return e(pe, {
-            title: i("components.button.filter"),
+            title: a("components.button.filter"),
             handle: l,
             onClose: () => d.show = !1
           }, {
             default: () => [e(fe, {
               showLabel: !0,
               labelPlacement: "top"
-            }, be(r = R(H)) ? r : {
-              default: () => [r]
+            }, be(n = R(H)) ? n : {
+              default: () => [n]
             })]
           });
         }
@@ -404,7 +418,7 @@ const bt = /* @__PURE__ */ Y({
         placement: "left"
       }, {
         default: () => [e(N, {
-          title: t.sideLeftTitle || i("components.button.sideLeft"),
+          title: t.sideLeftTitle || a("components.button.sideLeft"),
           onClose: () => p.show = !1,
           scrollbar: !1
         }, {
@@ -417,7 +431,7 @@ const bt = /* @__PURE__ */ Y({
         placement: "right"
       }, {
         default: () => [e(N, {
-          title: t.sideRightTitle || i("components.button.sideRight"),
+          title: t.sideRightTitle || a("components.button.sideRight"),
           onClose: () => m.show = !1,
           scrollbar: !1
         }, {
@@ -428,5 +442,5 @@ const bt = /* @__PURE__ */ Y({
   }
 });
 export {
-  bt as DuxListLayout
+  Nt as DuxListLayout
 };

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

@@ -1,7 +1,7 @@
 import { defineComponent as G, toRef as k, computed as s, reactive as v, createVNode as e, h as C, mergeProps as H, isVNode as Q } from "vue";
 import { useI18n as X, useJsonSchema as N, useTabStore as Y } from "@duxweb/dvha-core";
 import { useWindowSize as Z } from "@vueuse/core";
-import { NTabs as $, NTab as ee, NButton as r, NPopselect as te, NTooltip as f, NProgress as oe, NPagination as le, NModal as ie, NDrawer as R } from "naive-ui";
+import { NTabs as $, NTab as ee, NButton as r, NPopselect as te, NTooltip as p, NProgress as oe, NPagination as le, NModal as ie, NDrawer as R } from "naive-ui";
 import { useAction as ae } from "../../hooks/action.js";
 import "@overlastic/vue";
 import "clsx";
@@ -27,6 +27,20 @@ import { DuxFilterLayout as se } from "./filterLayout.js";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
+import "highlight.js/lib/core";
+import "highlight.js/lib/languages/bash";
+import "highlight.js/lib/languages/css";
+import "highlight.js/lib/languages/go";
+import "highlight.js/lib/languages/java";
+import "highlight.js/lib/languages/javascript";
+import "highlight.js/lib/languages/json";
+import "highlight.js/lib/languages/markdown";
+import "highlight.js/lib/languages/php";
+import "highlight.js/lib/languages/python";
+import "highlight.js/lib/languages/shell";
+import "highlight.js/lib/languages/sql";
+import "highlight.js/lib/languages/typescript";
+import "highlight.js/lib/languages/xml";
 import "@ant-design/colors";
 import "@unocss/preset-icons/browser";
 import "@unocss/preset-typography";
@@ -43,18 +57,18 @@ import { DuxDrawerPage as S } from "../drawer/drawerPage.js";
 import { DuxTableTools as ce } from "./tools.js";
 import "short-unique-id";
 import "aieditor";
+import "mime";
 import "@iconify-json/tabler/icons.json";
 import "../posterEditor/elements/index.js";
 import "fabric";
-import "mime";
 import "dayjs";
 import "@tanstack/vue-query";
-import { useTable as de } from "../../hooks/table.js";
+import { useTable as me } from "../../hooks/table.js";
 import "pinia";
-function me(t) {
+function de(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !Q(t);
 }
-const mt = /* @__PURE__ */ G({
+const St = /* @__PURE__ */ G({
   name: "DuxTableLayout",
   props: {
     path: {
@@ -103,13 +117,13 @@ const mt = /* @__PURE__ */ G({
   setup(t, {
     slots: l
   }) {
-    const p = k(t, "filter", {}), T = k(t, "columns", []), {
+    const f = k(t, "filter", {}), T = k(t, "columns", []), {
       t: i
     } = X(), {
       renderAction: j
-    } = ae(), b = de({
+    } = ae(), b = me({
       path: t.path,
-      filters: p.value,
+      filters: f.value,
       columns: T,
       pagination: t.pagination,
       ...t.hookTableProps
@@ -134,23 +148,23 @@ const mt = /* @__PURE__ */ G({
       value: o.key
     }))), {
       width: n
-    } = Z(), _ = s(() => w.value.reduce((a, m) => a + (Number(m?.width) || Number(m?.minWidth) || 110), 0)), u = v({
+    } = Z(), _ = s(() => w.value.reduce((a, d) => a + (Number(d?.width) || Number(d?.minWidth) || 110), 0)), u = v({
       show: !1
     }), c = v({
       show: !1
-    }), d = v({
+    }), m = v({
       show: !1
     }), h = s(() => (t.filterSchema || []).map((o) => {
       const {
         label: a,
-        ...m
+        ...d
       } = o;
       return {
         tag: ne,
         attrs: {
           label: a
         },
-        children: m
+        children: d
       };
     })), {
       render: q
@@ -185,9 +199,9 @@ const mt = /* @__PURE__ */ G({
           "--n-tab-padding": "4px 10px"
         },
         "default-value": t.tabs?.[0]?.value,
-        value: p.value?.tab,
+        value: f.value?.tab,
         onUpdateValue: (o) => {
-          p.value.tab = o;
+          f.value.tab = o;
         }
       }, {
         default: () => [t.tabs?.map((o) => e(ee, {
@@ -214,7 +228,7 @@ const mt = /* @__PURE__ */ G({
         class: "flex-none",
         secondary: !0,
         onClick: () => {
-          d.show = !d.show;
+          m.show = !m.show;
         }
       }, {
         icon: () => e("div", {
@@ -244,7 +258,7 @@ const mt = /* @__PURE__ */ G({
         placement: "bottom-start",
         trigger: "click"
       }, {
-        default: () => [e(f, null, {
+        default: () => [e(p, null, {
           trigger: () => e(r, {
             secondary: !0,
             "icon-placement": "right"
@@ -255,7 +269,7 @@ const mt = /* @__PURE__ */ G({
           }),
           default: () => i("components.list.columnSetting")
         })]
-      }), g.value.export && e(f, null, {
+      }), g.value.export && e(p, null, {
         trigger: () => e(r, {
           secondary: !0,
           loading: E.value,
@@ -266,7 +280,7 @@ const mt = /* @__PURE__ */ G({
           }, null)
         }),
         default: () => i("components.button.export")
-      }), g.value.import && e(f, null, {
+      }), g.value.import && e(p, null, {
         trigger: () => e(r, {
           secondary: !0,
           loading: I.value,
@@ -277,7 +291,7 @@ const mt = /* @__PURE__ */ G({
           }, null)
         }),
         default: () => i("components.button.import")
-      }), g.value.refresh && e(f, null, {
+      }), g.value.refresh && e(p, null, {
         trigger: () => e(r, {
           secondary: !0,
           onClick: U
@@ -350,7 +364,7 @@ const mt = /* @__PURE__ */ G({
             default: () => [e(se, {
               showLabel: !0,
               labelPlacement: "top"
-            }, me(a = C(q)) ? a : {
+            }, de(a = C(q)) ? a : {
               default: () => [a]
             })]
           });
@@ -369,14 +383,14 @@ const mt = /* @__PURE__ */ G({
           default: () => [l?.sideLeft?.()]
         })]
       }), e(R, {
-        show: d.show,
-        onUpdateShow: (o) => d.show = o,
+        show: m.show,
+        onUpdateShow: (o) => m.show = o,
         autoFocus: !1,
         placement: "right"
       }, {
         default: () => [e(S, {
           title: t.sideRightTitle || i("components.button.sideRight"),
-          onClose: () => d.show = !1,
+          onClose: () => m.show = !1,
           scrollbar: !1
         }, {
           default: () => [l?.sideRight?.()]
@@ -386,5 +400,5 @@ const mt = /* @__PURE__ */ G({
   }
 });
 export {
-  mt as DuxTableLayout
+  St as DuxTableLayout
 };

package/dist/esm/components/level/level.js

@@ -24,6 +24,20 @@ import "vue-draggable-plus";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
+import "highlight.js/lib/core";
+import "highlight.js/lib/languages/bash";
+import "highlight.js/lib/languages/css";
+import "highlight.js/lib/languages/go";
+import "highlight.js/lib/languages/java";
+import "highlight.js/lib/languages/javascript";
+import "highlight.js/lib/languages/json";
+import "highlight.js/lib/languages/markdown";
+import "highlight.js/lib/languages/php";
+import "highlight.js/lib/languages/python";
+import "highlight.js/lib/languages/shell";
+import "highlight.js/lib/languages/sql";
+import "highlight.js/lib/languages/typescript";
+import "highlight.js/lib/languages/xml";
 import "@ant-design/colors";
 import "@unocss/preset-icons/browser";
 import "@unocss/preset-typography";
@@ -36,14 +50,14 @@ import "@duxweb/dvha-naiveui";
 import "../../pages/page404.js";
 import "short-unique-id";
 import "aieditor";
+import "mime";
 import "@iconify-json/tabler/icons.json";
 import "../posterEditor/elements/index.js";
 import "fabric";
-import "mime";
 import "dayjs";
 import { useLevel as c } from "../../hooks/level.js";
 import "pinia";
-const pe = /* @__PURE__ */ v({
+const bt = /* @__PURE__ */ v({
   name: "DuxLevel",
   props: {
     value: {
@@ -72,29 +86,29 @@ const pe = /* @__PURE__ */ v({
     }
   },
   emits: ["update:value"],
-  setup(e, {
+  setup(t, {
     emit: m
   }) {
-    const r = g(e, "value", m, {
+    const r = g(t, "value", m, {
       passive: !0,
       defaultValue: []
     }), {
-      regions: a,
-      onChange: l,
-      isLoading: p
+      regions: p,
+      onChange: a,
+      isLoading: l
     } = c({
       value: r,
-      path: e.path,
-      nameField: e.nameField,
-      maxLevel: e.maxLevel,
-      labelField: e.labelField,
-      valueField: e.valueField
-    }), u = (t, i) => {
-      l(t, i);
+      path: t.path,
+      nameField: t.nameField,
+      maxLevel: t.maxLevel,
+      labelField: t.labelField,
+      valueField: t.valueField
+    }), u = (e, i) => {
+      a(e, i);
     }, n = f(() => Array.from({
-      length: e.maxLevel
-    }, (t, i) => {
-      const d = a.value[i] || [];
+      length: t.maxLevel
+    }, (e, i) => {
+      const d = p.value[i] || [];
       return {
         index: i,
         options: d,
@@ -103,16 +117,16 @@ const pe = /* @__PURE__ */ v({
     }));
     return () => o("div", {
       class: ["grid grid-cols-1 gap-2", "lg:grid-cols-[repeat(auto-fit,minmax(120px,1fr))]"]
-    }, [n.value.map((t) => o(s, {
-      key: t.index,
-      value: t.value,
-      options: t.options,
+    }, [n.value.map((e) => o(s, {
+      key: e.index,
+      value: e.value,
+      options: e.options,
       clearable: !0,
-      loading: p.value,
-      onUpdateValue: (i) => u(i, t.index)
+      loading: l.value,
+      onUpdateValue: (i) => u(i, e.index)
     }, null))]);
   }
 });
 export {
-  pe as DuxLevel
+  bt as DuxLevel
 };