@duxweb/dvha-pro 1.0.31 → 1.0.33

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

@@ -1,8 +1,8 @@
-import { defineComponent as J, toRef as x, computed as s, reactive as v, createVNode as e, h as k, mergeProps as K, isVNode as G } from "vue";
-import { useI18n as H, useJsonSchema as C } from "@duxweb/dvha-core";
-import { useWindowSize as Q } from "@vueuse/core";
-import { NTabs as X, NTab as Y, NButton as r, NPopselect as Z, NTooltip as f, NProgress as $, NPagination as ee, NModal as te, NDrawer as N } from "naive-ui";
-import { useAction as oe } from "../../hooks/action.js";
+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 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";
 import "vue-echarts";
@@ -18,15 +18,29 @@ import "ace-builds/src-noconflict/ext-searchbox";
 import "ace-builds/src-noconflict/ext-language_tools";
 import "ace-builds/src-noconflict/mode-snippets";
 import "vue-cropper";
-import le from "../modal/modalPage.js";
+import re from "../modal/modalPage.js";
 import "jinrishici";
 import "lodash-es";
 import "vue-draggable-plus";
-import { DuxTableFilter as ie } from "./filter.js";
-import { DuxFilterLayout as ae } from "./filterLayout.js";
+import { DuxTableFilter as ne } from "./filter.js";
+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";
@@ -37,10 +51,10 @@ import "vee-validate";
 import "vue-router";
 import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
-import { DuxPage as re } from "../../pages/page.js";
+import { DuxPage as ue } from "../../pages/page.js";
 import "../../pages/page404.js";
-import { DuxDrawerPage as R } from "../drawer/drawerPage.js";
-import { DuxTableTools as ne } from "./tools.js";
+import { DuxDrawerPage as S } from "../drawer/drawerPage.js";
+import { DuxTableTools as ce } from "./tools.js";
 import "short-unique-id";
 import "aieditor";
 import "@iconify-json/tabler/icons.json";
@@ -49,12 +63,12 @@ import "fabric";
 import "mime";
 import "dayjs";
 import "@tanstack/vue-query";
-import { useTable as se } from "../../hooks/table.js";
+import { useTable as me } from "../../hooks/table.js";
 import "pinia";
-function ue(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !G(t);
+function de(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !Q(t);
 }
-const ut = /* @__PURE__ */ J({
+const St = /* @__PURE__ */ G({
   name: "DuxTableLayout",
   props: {
     path: {
@@ -103,70 +117,70 @@ const ut = /* @__PURE__ */ J({
   setup(t, {
     slots: l
   }) {
-    const p = x(t, "filter", {}), S = x(t, "columns", []), {
+    const f = k(t, "filter", {}), T = k(t, "columns", []), {
       t: i
-    } = H(), {
-      renderAction: T
-    } = oe(), b = se({
+    } = X(), {
+      renderAction: j
+    } = ae(), b = me({
       path: t.path,
-      filters: p.value,
-      columns: S,
+      filters: f.value,
+      columns: T,
       pagination: t.pagination,
       ...t.hookTableProps
     }), {
       columns: w,
-      tablePagination: j,
-      table: L,
-      onUpdateColumnSelected: P,
-      onUpdateChecked: z,
-      columnSelected: D,
-      autoRefetch: A,
-      autoCountdown: y,
-      onAutoRefetch: O,
-      isExporting: U,
-      isExportingRows: E,
-      isImporting: F,
+      tablePagination: L,
+      table: P,
+      onUpdateColumnSelected: z,
+      onUpdateChecked: D,
+      columnSelected: A,
+      autoRefetch: O,
+      autoCountdown: x,
+      onAutoRefetch: U,
+      isExporting: E,
+      isExportingRows: F,
+      isImporting: I,
       onExport: V,
       onExportRows: W,
-      onImport: I
-    } = b, B = s(() => w.value.filter((o) => "title" in o && "key" in o).map((o) => ({
+      onImport: B
+    } = b, M = s(() => w.value.filter((o) => "title" in o && "key" in o).map((o) => ({
       label: o.title,
       value: o.key
     }))), {
       width: n
-    } = Q(), M = 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: ie,
+        tag: ne,
         attrs: {
           label: a
         },
-        children: m
+        children: d
       };
     })), {
-      render: _
-    } = C({
+      render: q
+    } = N({
       data: s(() => h.value?.slice(t.filterNumber))
     }), {
-      render: q
-    } = C({
+      render: J
+    } = N({
       data: s(() => h.value?.slice(0, t.filterNumber))
     }), g = s(() => ({
       import: !1,
       export: !0,
       refresh: !0,
       ...t.tools
-    }));
-    return () => e(re, {
+    })), y = Y(), K = y.tabs.find((o) => o.path === y.current);
+    return () => e(ue, {
       actions: t.actions,
       scrollbar: !1
     }, {
@@ -178,19 +192,19 @@ const ut = /* @__PURE__ */ J({
         class: "flex gap-2 justify-between flex-col lg:flex-row"
       }, [t.tabs && e("div", {
         class: "flex flex-none"
-      }, [e(X, {
+      }, [e($, {
         type: "segment",
         size: "small",
         style: {
           "--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(Y, {
+        default: () => [t.tabs?.map((o) => e(ee, {
           name: o.value,
           tab: o.label
         }, null))]
@@ -208,11 +222,13 @@ const ut = /* @__PURE__ */ J({
         }, null)
       }), e("div", {
         class: ["flex-1 flex flex-col lg:flex-row gap-2 flex-wrap", t.tabs ? "justify-end" : "justify-start"]
-      }, [k(q)]), l?.sideRight && n.value < 1024 && e(r, {
+      }, [!t.tabs && !t.filterSchema?.length && e("div", {
+        class: "flex flex-none items-center text-base font-medium"
+      }, [K?.label]), C(J)]), l?.sideRight && n.value < 1024 && e(r, {
         class: "flex-none",
         secondary: !0,
         onClick: () => {
-          d.show = !d.show;
+          m.show = !m.show;
         }
       }, {
         icon: () => e("div", {
@@ -232,17 +248,17 @@ const ut = /* @__PURE__ */ J({
         icon: () => e("div", {
           class: ["i-tabler:chevrons-down size-4 transition-all"]
         }, null)
-      }), l?.tools?.(), e(Z, {
-        options: B.value,
-        value: D.value,
+      }), l?.tools?.(), e(te, {
+        options: M.value,
+        value: A.value,
         onUpdateValue: (o) => {
-          P(o);
+          z(o);
         },
         multiple: !0,
         placement: "bottom-start",
         trigger: "click"
       }, {
-        default: () => [e(f, null, {
+        default: () => [e(p, null, {
           trigger: () => e(r, {
             secondary: !0,
             "icon-placement": "right"
@@ -253,10 +269,10 @@ const ut = /* @__PURE__ */ J({
           }),
           default: () => i("components.list.columnSetting")
         })]
-      }), g.value.export && e(f, null, {
+      }), g.value.export && e(p, null, {
         trigger: () => e(r, {
           secondary: !0,
-          loading: U.value,
+          loading: E.value,
           onClick: V
         }, {
           icon: () => e("div", {
@@ -264,32 +280,32 @@ const ut = /* @__PURE__ */ J({
           }, null)
         }),
         default: () => i("components.button.export")
-      }), g.value.import && e(f, null, {
+      }), g.value.import && e(p, null, {
         trigger: () => e(r, {
           secondary: !0,
-          loading: F.value,
-          onClick: I
+          loading: I.value,
+          onClick: B
         }, {
           icon: () => e("div", {
             class: "i-tabler:database-import size-4"
           }, null)
         }),
         default: () => i("components.button.import")
-      }), g.value.refresh && e(f, null, {
+      }), g.value.refresh && e(p, null, {
         trigger: () => e(r, {
           secondary: !0,
-          onClick: O
+          onClick: U
         }, {
-          icon: () => A.value ? e($, {
+          icon: () => O.value ? e(oe, {
             class: "size-4",
             type: "circle",
-            percentage: y.value * 10,
+            percentage: x.value * 10,
             strokeWidth: 20,
             color: "rgba(var(--ui-color-primary))"
           }, {
             default: () => [e("span", {
               class: "text-8px"
-            }, [y.value])]
+            }, [x.value])]
           }) : e("div", {
             class: "i-tabler:refresh size-4"
           }, null)
@@ -297,40 +313,40 @@ const ut = /* @__PURE__ */ J({
         default: () => i("components.button.autoRefresh")
       })]), e("div", {
         class: "flex gap-2 justify-end"
-      }, [l.actions?.(), t.actions?.length > 0 && T({
+      }, [l.actions?.(), t.actions?.length > 0 && j({
         type: n.value < 1024 ? "dropdown" : "button",
         items: t.actions
       })])])]), l?.header?.(), e("div", {
         class: "flex-1 min-h-0"
       }, [l?.default?.({
         ...b,
-        width: M.value
+        width: _.value
       })]), e("div", {
         class: "flex justify-between"
-      }, [e("div", null, [l?.bottom?.()]), e("div", null, [t.pagination && e(ee, K(j.value, {
+      }, [e("div", null, [l?.bottom?.()]), e("div", null, [t.pagination && e(le, H(L.value, {
         simple: n.value < 768
       }), {
         prefix: () => e("div", null, [i("components.list.total", {
           total: b.total.value || 0
         })])
-      })])]), e(ne, {
-        number: L.value.checkedRowKeys?.length || 0 || 0,
+      })])]), e(ce, {
+        number: P.value.checkedRowKeys?.length || 0 || 0,
         group: [[{
           icon: "i-tabler:x",
           onClick: () => {
-            z?.([]);
+            D?.([]);
           }
         }], [{
           label: i("components.button.export"),
           icon: "i-tabler:file-export",
-          loading: E.value,
+          loading: F.value,
           onClick: W
         }, {
           label: i("components.button.delete"),
           type: "error",
           icon: "i-tabler:trash"
         }]]
-      }, null), e(te, {
+      }, null), e(ie, {
         draggable: !0,
         class: "bg-white rounded dark:shadow-gray-950/80  dark:bg-gray-800/60 backdrop-blur min-w-110",
         show: u.show,
@@ -340,41 +356,41 @@ const ut = /* @__PURE__ */ J({
           draggableClass: o
         }) => {
           let a;
-          return e(le, {
+          return e(re, {
             title: i("components.button.filter"),
             handle: o,
             onClose: () => u.show = !1
           }, {
-            default: () => [e(ae, {
+            default: () => [e(se, {
               showLabel: !0,
               labelPlacement: "top"
-            }, ue(a = k(_)) ? a : {
+            }, de(a = C(q)) ? a : {
               default: () => [a]
             })]
           });
         }
-      }), e(N, {
+      }), e(R, {
         show: c.show,
         onUpdateShow: (o) => c.show = o,
         autoFocus: !1,
         placement: "left"
       }, {
-        default: () => [e(R, {
+        default: () => [e(S, {
           title: t.sideLeftTitle || i("components.button.sideLeft"),
           onClose: () => c.show = !1,
           scrollbar: !1
         }, {
           default: () => [l?.sideLeft?.()]
         })]
-      }), e(N, {
-        show: d.show,
-        onUpdateShow: (o) => d.show = o,
+      }), e(R, {
+        show: m.show,
+        onUpdateShow: (o) => m.show = o,
         autoFocus: !1,
         placement: "right"
       }, {
-        default: () => [e(R, {
+        default: () => [e(S, {
           title: t.sideRightTitle || i("components.button.sideRight"),
-          onClose: () => d.show = !1,
+          onClose: () => m.show = !1,
           scrollbar: !1
         }, {
           default: () => [l?.sideRight?.()]
@@ -384,5 +400,5 @@ const ut = /* @__PURE__ */ J({
   }
 });
 export {
-  ut 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";
@@ -43,7 +57,7 @@ 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
 };