@duxweb/dvha-pro 1.0.18 → 1.0.20

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

@@ -1,17 +1,20 @@
-import { defineComponent as $, toRef as ee, computed as p, reactive as te, ref as ie, watch as ae, createVNode as t, h as D, mergeProps as re } from "vue";
-import { useI18n as ne, useJsonSchema as E } from "@duxweb/dvha-core";
-import { useWindowSize as le, useElementSize as oe } from "@vueuse/core";
-import { NInput as I, NTabs as ue, NTab as ce, NButton as o, NPopover as de, NPopselect as pe, NTooltip as f, NProgress as fe, NPagination as me } from "naive-ui";
-import { useAction as ge } from "../../hooks/action.js";
+import { defineComponent as te, toRef as D, computed as b, reactive as x, createVNode as t, h as A, mergeProps as ie, isVNode as ae } from "vue";
+import { useI18n as re, useJsonSchema as O } from "@duxweb/dvha-core";
+import { useWindowSize as ne } from "@vueuse/core";
+import { NTabs as oe, NTab as le, NButton as l, NPopselect as ue, NTooltip as h, NProgress as ce, NPagination as de, NModal as pe, NDrawer as U } from "naive-ui";
+import { useAction as fe } from "../../hooks/action.js";
 import "@overlastic/vue";
 import "clsx";
 import "vue-echarts";
 import "vue-cropper";
+import me from "../modal/modalPage.js";
 import "jinrishici";
 import "lodash-es";
 import "vue-draggable-plus";
+import { DuxDrawerPage as E } from "../drawer/drawerPage.js";
 import "aieditor";
 import "vee-validate";
+import "vue-router";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
@@ -21,21 +24,34 @@ import "@unocss/preset-typography";
 import "unocss/preset-wind4";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
-import "vue-router";
 import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
-import { DuxPage as ve } from "../../pages/page.js";
+import { DuxPage as be } from "../../pages/page.js";
 import "../../pages/page404.js";
 import "@iconify-json/tabler/icons.json";
-import { DuxTableFilter as be } from "./filter.js";
-import { DuxTableTools as he } from "./tools.js";
+import { DuxTableFilter as he } from "./filter.js";
+import { DuxFilterLayout as ge } from "./filterLayout.js";
+import { DuxTableTools as ve } from "./tools.js";
 import "mime";
+import "vue3-ace-editor";
+import "ace-builds/src-noconflict/mode-vue";
+import "ace-builds/src-noconflict/mode-javascript";
+import "ace-builds/src-noconflict/mode-html";
+import "ace-builds/src-noconflict/mode-json";
+import "ace-builds/src-noconflict/mode-json5";
+import "ace-builds/src-noconflict/theme-tomorrow_night";
+import "ace-builds/src-noconflict/theme-tomorrow";
+import "ace-builds/src-noconflict/ext-searchbox";
+import "ace-builds/src-noconflict/ext-language_tools";
+import "ace-builds/src-noconflict/mode-snippets";
 import "dayjs";
-import { useDrawer as xe } from "../../hooks/drawer.js";
 import "@tanstack/vue-query";
-import { useTable as ye } from "../../hooks/table.js";
+import { useTable as we } from "../../hooks/table.js";
 import "pinia";
-const at = /* @__PURE__ */ $({
+function ye(i) {
+  return typeof i == "function" || Object.prototype.toString.call(i) === "[object Object]" && !ae(i);
+}
+const gt = /* @__PURE__ */ te({
   name: "DuxTableLayout",
   props: {
     path: {
@@ -52,7 +68,8 @@ const at = /* @__PURE__ */ $({
       type: Array
     },
     pagination: {
-      type: [Boolean, Object]
+      type: [Boolean, Object],
+      default: !0
     },
     tabs: {
       type: Array
@@ -71,166 +88,136 @@ const at = /* @__PURE__ */ $({
     sideRightTitle: {
       type: String,
       default: ""
+    },
+    hookTableProps: {
+      type: Object
     }
   },
-  setup(a, {
+  setup(i, {
     slots: e
   }) {
-    var C, N;
-    const m = ee(a.filter || {}), {
-      t: l
-    } = ne(), {
-      renderAction: O
-    } = ge(), y = ye({
-      path: a.path,
-      filters: m.value,
-      columns: a.columns || [],
-      pagination: a.pagination
+    var C, S;
+    const g = D(i, "filter", {}), F = D(i, "columns", []), {
+      t: n
+    } = re(), {
+      renderAction: V
+    } = fe(), v = we({
+      path: i.path,
+      filters: g.value,
+      columns: F,
+      pagination: i.pagination,
+      ...i.hookTableProps
     }), {
-      meta: g,
-      columns: w,
+      columns: R,
       tablePagination: W,
-      table: V,
+      table: I,
       onUpdateColumnSelected: B,
-      onUpdateChecked: v,
-      columnSelected: U,
-      autoRefetch: q,
-      autoCountdown: R,
-      onAutoRefetch: F,
-      isExporting: b,
-      isExportingRows: H,
-      isImporting: J,
-      onExport: K,
-      onExportRows: G,
-      onImport: M
-    } = y, Q = p(() => w.value.filter((i) => "title" in i && "key" in i).map((i) => ({
-      label: i.title,
-      value: i.key
+      onUpdateChecked: w,
+      columnSelected: M,
+      autoRefetch: _,
+      autoCountdown: k,
+      onAutoRefetch: q,
+      isExporting: J,
+      isExportingRows: K,
+      isImporting: G,
+      onExport: H,
+      onExportRows: Q,
+      onImport: X
+    } = v, Y = b(() => R.value.filter((r) => "title" in r && "key" in r).map((r) => ({
+      label: r.title,
+      value: r.key
     }))), {
       width: u
-    } = le(), X = p(() => w.value.reduce((c, n) => c + (Number(n == null ? void 0 : n.width) || Number(n == null ? void 0 : n.minWidth) || 110), 0)), d = te({
-      show: !1,
-      collapse: !1
-    }), k = ie(), {
-      height: Y
-    } = oe(k);
-    ae(Y, (i) => {
-      i > 35 ? d.show = !0 : d.show = !1;
-    }, {
-      immediate: !0,
-      deep: !0
-    });
-    const h = p(() => (a.filterSchema || []).map((i) => {
+    } = ne(), Z = b(() => R.value.reduce((c, o) => c + (Number(o == null ? void 0 : o.width) || Number(o == null ? void 0 : o.minWidth) || 110), 0)), p = x({
+      show: !1
+    }), f = x({
+      show: !1
+    }), m = x({
+      show: !1
+    }), y = b(() => (i.filterSchema || []).map((r) => {
       const {
-        title: c,
-        ...n
-      } = i;
+        label: c,
+        ...o
+      } = r;
       return {
-        tag: be,
+        tag: he,
         attrs: {
           label: c
         },
-        children: n
+        children: o
       };
     })), {
-      render: Z
-    } = E({
-      data: (C = h.value) == null ? void 0 : C.slice(1),
-      components: {
-        NInput: I
-      }
+      render: $
+    } = O({
+      data: (C = y.value) == null ? void 0 : C.slice(1)
     }), {
-      render: _
-    } = E({
-      data: (N = h.value) == null ? void 0 : N.slice(0, 1),
-      components: {
-        NInput: I
-      }
-    }), x = p(() => ({
-      import: !0,
+      render: ee
+    } = O({
+      data: (S = y.value) == null ? void 0 : S.slice(0, 1)
+    }), s = b(() => ({
+      import: !1,
       export: !0,
       refresh: !0,
-      ...a.tools
-    })), {
-      show: T
-    } = xe();
-    return () => t(ve, {
-      actions: a.actions,
+      ...i.tools
+    }));
+    return () => t(be, {
+      actions: i.actions,
       scrollbar: !1
     }, {
       sideLeft: () => {
-        var i;
-        return e != null && e.sideLeft && u.value >= 1024 ? (i = e == null ? void 0 : e.sideLeft) == null ? void 0 : i.call(e) : void 0;
+        var r;
+        return e != null && e.sideLeft && u.value >= 1024 ? (r = e == null ? void 0 : e.sideLeft) == null ? void 0 : r.call(e) : void 0;
       },
       sideRight: () => {
-        var i;
-        return e != null && e.sideRight && u.value >= 1024 ? (i = e == null ? void 0 : e.sideRight) == null ? void 0 : i.call(e) : void 0;
+        var r;
+        return e != null && e.sideRight && u.value >= 1024 ? (r = e == null ? void 0 : e.sideRight) == null ? void 0 : r.call(e) : void 0;
       },
       default: () => {
-        var i, c, n, S, s, z, j, L, P;
+        var r, c, o, T, j, L, N, P, z;
         return t("div", {
-          class: "flex flex-col gap-3 h-full relative"
+          class: "flex flex-col gap-2 h-full relative"
         }, [t("div", {
-          class: "flex gap-3 justify-between flex-col lg:flex-row"
-        }, [a.tabs && t("div", {
+          class: "flex gap-2 justify-between flex-col lg:flex-row"
+        }, [i.tabs && t("div", {
           class: "flex flex-none"
-        }, [t(ue, {
+        }, [t(oe, {
           type: "segment",
           size: "small",
           style: {
             "--n-tab-padding": "4px 10px"
           },
-          "default-value": (c = (i = a.tabs) == null ? void 0 : i[0]) == null ? void 0 : c.value,
-          value: (n = m.value) == null ? void 0 : n.tab,
-          onUpdateValue: (r) => {
-            m.value.tab = r;
+          "default-value": (c = (r = i.tabs) == null ? void 0 : r[0]) == null ? void 0 : c.value,
+          value: (o = g.value) == null ? void 0 : o.tab,
+          onUpdateValue: (a) => {
+            g.value.tab = a;
           }
         }, {
           default: () => {
-            var r;
-            return [(r = a.tabs) == null ? void 0 : r.map((A) => t(ce, {
-              name: A.value,
-              tab: A.label
+            var a;
+            return [(a = i.tabs) == null ? void 0 : a.map((d) => t(le, {
+              name: d.value,
+              tab: d.label
             }, null))];
           }
         })]), t("div", {
-          class: ["overflow-hidden flex-1 flex gap-2", d.collapse ? "h-auto" : "h-8.5"]
-        }, [(e == null ? void 0 : e.sideLeft) && u.value < 1024 && t(o, {
+          class: ["overflow-hidden flex-1 flex gap-2"]
+        }, [(e == null ? void 0 : e.sideLeft) && u.value < 1024 && t(l, {
           class: "flex-none",
           secondary: !0,
-          loading: b.value,
           onClick: () => {
-            T({
-              title: a.sideLeftTitle,
-              component: () => {
-                var r;
-                return t("div", null, [(r = e == null ? void 0 : e.sideLeft) == null ? void 0 : r.call(e)]);
-              },
-              width: 300,
-              placement: "left"
-            });
+            f.show = !f.show;
           }
         }, {
           icon: () => t("div", {
             class: "i-tabler:layout-sidebar-inactive size-4"
           }, null)
         }), t("div", {
-          ref: k,
-          class: ["flex-1 lg:flex gap-2 flex-wrap", a.tabs ? "justify-end" : "justify-start"]
-        }, [D(_)]), (e == null ? void 0 : e.sideRight) && u.value < 1024 && t(o, {
+          class: ["flex-1 lg:flex gap-2 flex-wrap", i.tabs ? "justify-end" : "justify-start"]
+        }, [A(ee)]), (e == null ? void 0 : e.sideRight) && u.value < 1024 && t(l, {
           class: "flex-none",
           secondary: !0,
-          loading: b.value,
           onClick: () => {
-            T({
-              title: a.sideRightTitle,
-              component: () => {
-                var r;
-                return t("div", null, [(r = e == null ? void 0 : e.sideRight) == null ? void 0 : r.call(e)]);
-              },
-              width: 300,
-              placement: "right"
-            });
+            m.show = !m.show;
           }
         }, {
           icon: () => t("div", {
@@ -238,38 +225,30 @@ const at = /* @__PURE__ */ $({
           }, null)
         })]), t("div", {
           class: "flex gap-2 justify-between lg:justify-end"
-        }, [h.value.length > 1 && t(de, {
-          trigger: "click",
-          displayDirective: "show"
-        }, {
-          trigger: () => t(o, {
-            iconPlacement: "right",
-            onClick: () => {
-              d.collapse = !d.collapse;
-            }
-          }, {
-            default: () => l("components.button.filter"),
-            icon: () => t("div", {
-              class: ["i-tabler:chevrons-down size-4 transition-all"]
-            }, null)
-          }),
-          default: () => t("div", {
-            class: "flex flex-col gap-2 py-1"
-          }, [D(Z)])
-        }), t("div", {
+        }, [t("div", {
           class: "flex gap-2 items-center"
-        }, [(S = e == null ? void 0 : e.tools) == null ? void 0 : S.call(e), t(pe, {
-          options: Q.value,
-          value: U.value,
-          onUpdateValue: (r) => {
-            B(r);
+        }, [y.value.length > 1 && t(l, {
+          iconPlacement: "right",
+          onClick: () => {
+            p.show = !p.show;
+          }
+        }, {
+          default: () => n("components.button.filter"),
+          icon: () => t("div", {
+            class: ["i-tabler:chevrons-down size-4 transition-all"]
+          }, null)
+        }), (T = e == null ? void 0 : e.tools) == null ? void 0 : T.call(e), t(ue, {
+          options: Y.value,
+          value: M.value,
+          onUpdateValue: (a) => {
+            B(a);
           },
           multiple: !0,
           placement: "bottom-start",
           trigger: "click"
         }, {
-          default: () => [t(f, null, {
-            trigger: () => t(o, {
+          default: () => [t(h, null, {
+            trigger: () => t(l, {
               secondary: !0,
               "icon-placement": "right"
             }, {
@@ -277,93 +256,145 @@ const at = /* @__PURE__ */ $({
                 class: "i-tabler:columns size-4"
               }, null)
             }),
-            default: () => l("components.list.columnSetting")
+            default: () => n("components.list.columnSetting")
           })]
-        }), x.value.export && t(f, null, {
-          trigger: () => t(o, {
+        }), s.value.export && t(h, null, {
+          trigger: () => t(l, {
             secondary: !0,
-            loading: b.value,
-            onClick: K
+            loading: J.value,
+            onClick: H
           }, {
             icon: () => t("div", {
               class: "i-tabler:database-export size-4"
             }, null)
           }),
-          default: () => l("components.button.export")
-        }), x.value.import && t(f, null, {
-          trigger: () => t(o, {
+          default: () => n("components.button.export")
+        }), s.value.import && t(h, null, {
+          trigger: () => t(l, {
             secondary: !0,
-            loading: J.value,
-            onClick: M
+            loading: G.value,
+            onClick: X
           }, {
             icon: () => t("div", {
               class: "i-tabler:database-import size-4"
             }, null)
           }),
-          default: () => l("components.button.import")
-        }), x.value.refresh && t(f, null, {
-          trigger: () => t(o, {
+          default: () => n("components.button.import")
+        }), s.value.refresh && t(h, null, {
+          trigger: () => t(l, {
             secondary: !0,
-            onClick: F
+            onClick: q
           }, {
-            icon: () => q.value ? t(fe, {
+            icon: () => _.value ? t(ce, {
               class: "size-4",
               type: "circle",
-              percentage: R.value * 10,
+              percentage: k.value * 10,
               strokeWidth: 20,
               color: "rgba(var(--ui-color-primary))"
             }, {
               default: () => [t("span", {
                 class: "text-8px"
-              }, [R.value])]
+              }, [k.value])]
             }) : t("div", {
               class: "i-tabler:refresh size-4"
             }, null)
           }),
-          default: () => l("components.button.autoRefresh")
+          default: () => n("components.button.autoRefresh")
         })]), t("div", {
           class: "flex gap-2 justify-end"
-        }, [(s = e.actions) == null ? void 0 : s.call(e), ((z = a.actions) == null ? void 0 : z.length) > 0 && O({
+        }, [(j = e.actions) == null ? void 0 : j.call(e), ((L = i.actions) == null ? void 0 : L.length) > 0 && V({
           type: u.value < 1024 ? "dropdown" : "button",
-          items: a.actions
+          items: i.actions
         })])])]), t("div", {
           class: "flex-1 min-h-0"
-        }, [(j = e == null ? void 0 : e.default) == null ? void 0 : j.call(e, {
-          ...y,
-          width: X.value
+        }, [(N = e == null ? void 0 : e.default) == null ? void 0 : N.call(e, {
+          ...v,
+          width: Z.value
         })]), t("div", {
           class: "flex justify-between"
-        }, [t("div", null, [(L = e == null ? void 0 : e.bottom) == null ? void 0 : L.call(e)]), t("div", null, [a.pagination && t(me, re(W.value, {
+        }, [t("div", null, [(P = e == null ? void 0 : e.bottom) == null ? void 0 : P.call(e)]), t("div", null, [i.pagination && t(de, ie(W.value, {
           simple: u.value < 768
         }), {
-          prefix: () => {
-            var r;
-            return t("div", null, [l("components.list.total", {
-              total: ((r = g == null ? void 0 : g.value) == null ? void 0 : r.total) || 0
-            })]);
-          }
-        })])]), t(he, {
-          number: ((P = V.value.checkedRowKeys) == null ? void 0 : P.length) || 0 || 0,
+          prefix: () => t("div", null, [n("components.list.total", {
+            total: v.total.value || 0
+          })])
+        })])]), t(ve, {
+          number: ((z = I.value.checkedRowKeys) == null ? void 0 : z.length) || 0 || 0,
           group: [[{
             icon: "i-tabler:x",
             onClick: () => {
-              v == null || v([]);
+              w == null || w([]);
             }
           }], [{
-            label: l("components.button.export"),
+            label: n("components.button.export"),
             icon: "i-tabler:file-export",
-            loading: H.value,
-            onClick: G
+            loading: K.value,
+            onClick: Q
           }, {
-            label: l("components.button.delete"),
+            label: n("components.button.delete"),
             type: "error",
             icon: "i-tabler:trash"
           }]]
-        }, null)]);
+        }, null), t(pe, {
+          draggable: !0,
+          class: "bg-white rounded dark:shadow-gray-950/80  dark:bg-gray-800/60 backdrop-blur",
+          show: p.show,
+          onUpdateShow: (a) => p.show = a
+        }, {
+          default: ({
+            draggableClass: a
+          }) => {
+            let d;
+            return t(me, {
+              title: n("components.button.filter"),
+              handle: a,
+              onClose: () => p.show = !1
+            }, {
+              default: () => [t(ge, {
+                showLabel: !0,
+                labelPlacement: "top"
+              }, ye(d = A($)) ? d : {
+                default: () => [d]
+              })]
+            });
+          }
+        }), t(U, {
+          show: f.show,
+          onUpdateShow: (a) => f.show = a,
+          autoFocus: !1,
+          placement: "left"
+        }, {
+          default: () => [t(E, {
+            title: i.sideLeftTitle || n("components.button.sideLeft"),
+            onClose: () => f.show = !1,
+            scrollbar: !1
+          }, {
+            default: () => {
+              var a;
+              return [(a = e == null ? void 0 : e.sideLeft) == null ? void 0 : a.call(e)];
+            }
+          })]
+        }), t(U, {
+          show: m.show,
+          onUpdateShow: (a) => m.show = a,
+          autoFocus: !1,
+          placement: "right"
+        }, {
+          default: () => [t(E, {
+            title: i.sideRightTitle || n("components.button.sideRight"),
+            onClose: () => m.show = !1,
+            scrollbar: !1
+          }, {
+            default: () => {
+              var a;
+              return [(a = e == null ? void 0 : e.sideRight) == null ? void 0 : a.call(e)];
+            }
+          })]
+        })]);
       }
     });
   }
 });
 export {
-  at as DuxTableLayout
+  gt as DuxTableLayout
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as v, computed as f, createVNode as l } from "vue";
+import { defineComponent as v, computed as f, createVNode as o } from "vue";
 import { useVModel as g } from "@vueuse/core";
 import { NSelect as s } from "naive-ui";
 import "@duxweb/dvha-core";
@@ -26,10 +26,21 @@ import "@duxweb/dvha-naiveui";
 import "../../pages/page404.js";
 import "@iconify-json/tabler/icons.json";
 import "mime";
+import "vue3-ace-editor";
+import "ace-builds/src-noconflict/mode-vue";
+import "ace-builds/src-noconflict/mode-javascript";
+import "ace-builds/src-noconflict/mode-html";
+import "ace-builds/src-noconflict/mode-json";
+import "ace-builds/src-noconflict/mode-json5";
+import "ace-builds/src-noconflict/theme-tomorrow_night";
+import "ace-builds/src-noconflict/theme-tomorrow";
+import "ace-builds/src-noconflict/ext-searchbox";
+import "ace-builds/src-noconflict/ext-language_tools";
+import "ace-builds/src-noconflict/mode-snippets";
 import "dayjs";
 import { useLevel as c } from "../../hooks/level.js";
 import "pinia";
-const T = /* @__PURE__ */ v({
+const me = /* @__PURE__ */ v({
   name: "DuxLevel",
   props: {
     value: {
@@ -59,46 +70,46 @@ const T = /* @__PURE__ */ v({
   },
   emits: ["update:value"],
   setup(e, {
-    emit: r
+    emit: m
   }) {
-    const i = g(e, "value", r, {
+    const r = g(e, "value", m, {
       passive: !0,
       defaultValue: []
     }), {
-      regions: o,
-      onChange: m,
+      regions: a,
+      onChange: l,
       isLoading: p
     } = c({
-      value: i,
+      value: r,
       path: e.path,
       nameField: e.nameField,
       maxLevel: e.maxLevel,
       labelField: e.labelField,
       valueField: e.valueField
-    }), u = (t, a) => {
-      m(t, a);
+    }), u = (t, i) => {
+      l(t, i);
     }, n = f(() => Array.from({
       length: e.maxLevel
-    }, (t, a) => {
-      const d = o.value[a] || [];
+    }, (t, i) => {
+      const d = a.value[i] || [];
       return {
-        index: a,
+        index: i,
         options: d,
-        value: i.value[a] || null
+        value: r.value[i] || null
       };
     }));
-    return () => l("div", {
+    return () => o("div", {
       class: ["grid grid-cols-1 gap-2", "lg:grid-cols-[repeat(auto-fit,minmax(120px,1fr))]"]
-    }, [n.value.map((t) => l(s, {
+    }, [n.value.map((t) => o(s, {
       key: t.index,
       value: t.value,
       options: t.options,
       clearable: !0,
       loading: p.value,
-      onUpdateValue: (a) => u(a, t.index)
+      onUpdateValue: (i) => u(i, t.index)
     }, null))]);
   }
 });
 export {
-  T as DuxLevel
+  me as DuxLevel
 };